- Home
- Categorie
- Coding e Sistemistica
- PHP
- Modificare puntini in Google Maps
-
Modificare puntini in Google Maps
Salve ragazzi, vorrei modificare il segnaposto dello script inserendo al posto del pallino rosso un immagine personalizzata, solo che cercando nella rete non sto riuscendo a trovare la soluzione giusta.
Posto il codice attuale.<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setUIToDefault();
//map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
/zoom box, in basso a dx/
map.addControl(new GOverviewMapControl(),
new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(9, 9)));
map.setCenter(new GLatLng(39.66666,18.1888595), 13);
var infoTabs = [
new GInfoWindowTab("Descrizione", "Bla bla bla bla bla."),
new GInfoWindowTab("Info", "chiama ...............")
];// Place a marker in the center of the map and open the info window
// automatically
var marker = new GMarker(map.getCenter());
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowTabsHtml(infoTabs);
});
map.addOverlay(marker);
marker.openInfoWindowTabsHtml(infoTabs);
}
}//]]> </script>
-
Questa è la sezione PHP, mentre le google map api sono sviluppate in JavaScript.
Comunque, per applicare un'icona personalizzata devi fare questa modifica al codice:var icona = new GIcon(); icona.image = "images/icona.gif"; icona.shadow = "images/ombra.gif"; icona.iconSize = new GSize(16, 16); icona.shadowSize = new GSize(18, 18); icona.iconAnchor = new GPoint(8, 8); icona.infoWindowAnchor = new GPoint(8, 1); var marker = new GMarker(map.getCenter(), {icon:icona}); ```Ciao!
-
Scusami per aver sbagliato sezione :x, vorrei chederti ma il codice da te postato dove va messo?
Grazie ancora.
-
Lo devi sostituire a questo punto:
// Place a marker in the center of the map and open the info window // automatically var marker = new GMarker(map.getCenter());
-
Grazie!!