2011-01-22 39 views
5

Quiero personalizar completamente la ventana de información en google maps v3? Solo quiero mostrar una imagen allí, ningún fondo blanco redondeado con flecha.personalizar InfoWindow de google map

¿Es posible en v3? o alguna solución alternativa?

Algo como esto

alt text

Respuesta

3

echar un vistazo a las fuentes de this ejemplo - ventana de información totalmente personalizada (se utiliza Google Map API v3).
me encontré con ese ejemplo en Google Map API v3 Grupo - "Custom InfoWindow examples" - en caso de que se necesita más información

+0

un enfoque más simple http://blog.mridey.com/2009/09/label-overlay-example-for-google-maps.html – coure2011

0

Si sólo necesita una imagen como un marcador, entonces usted no necesita una ventana de información. Puede establecer una imagen personalizada como un marcador de ubicación.

pin=new google.maps.LatLng(50.00, 50.00); 

if(marker) { 
    marker.setMap(null); 
} 

var markerIcon = "car.png"; 

marker=new google.maps.Marker({ 
    position:pin, 
    zIndexProcess: function(m) 
    { 
     return 9999999 
    }, 
    icon:markerIcon 
}); 

marker.setMap(map); 

map.setCenter(marker.getPosition()); 
+0

Esto sólo es un marcador, por lo que si usted tiene múltiples marcadores en su mapa parecerá que tiene varias infoboxes abiertas. También poner HTML no es tan fácil ... Esta no es una buena solución para este problema. –

Cuestiones relacionadas