2011-01-22 14 views
5

Desidero personalizzare completamente la finestra di navigazione in google maps v3? Voglio solo mostrare un'immagine lì, senza sfondo bianco arrotondato con la freccia.personalizza InfoWindow della mappa di google

È possibile in v3? o qualche soluzione?

Qualcosa di simile

alt text

risposta

3

dare un'occhiata alle sorgenti del this esempio - finestra di informazioni completamente personalizzato (Google Map API v3 è utilizzato).
ho scoperto che ad esempio su Google Map API v3 Group - "Custom InfoWindow examples" - nel caso in cui avrete bisogno di più informazioni

+0

un approccio più semplice http://blog.mridey.com/2009/09/label-overlay-example-for-google-maps.html – coure2011

0

Se avete solo bisogno di un'immagine come marcatore, quindi non è necessario un InfoWindow. È possibile impostare un'immagine personalizzata come un indicatore di posizione.

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

Questo è solo un marcatore, quindi se si dispone di più marcatori nella tua mappa sembrerà che siano state aperte le tue informazioni multiple. Anche inserire HTML non è abbastanza facile ... Questa non è una buona soluzione per questo problema. –

Problemi correlati