Come modificare i marker di GDirections delle google Maps

aprile
29

Provando a sfruttare una delle applicazioni della grande “G” mi sono imbattuto su un problema che sembra abbastanza ricorrente nei vari gruppi di discussione dello stesso google.

Quando si genera una mappa con la API di google maps e di desidera creare un percorso da un punto A a uno B ci si ritrova con i classici marker e . Poco male, ma se poi con il passare della pratica vi ritrovate a inserire dei vostri GMarker (punti di interesse vostro con icone vostre) e questi restano posizionati sotto i marker del GDirections (con un zIndex inferiore), noterete che un certo disappunto vi sorgerà 😐

Ecco come fare a modificare i clasi Marker della classe GDirections.

ATTENZIONE: PER USARE LE GOOGLE MAPS DOVETE AVERE UNA CHIAVE VALIDA PER IL VOSTRO DOMINIO (Vedi qui come ottenerla)

var StartPoint=new GLatLng(45.466605,7.8759452);//Ivrea (TO) 10015
var EndPoint=new GLatLng(45.0706029,7.6867102);//Torino (TO) 10100

//Creiamo la mappa che posizioneremo in un div con id=”Mappa”
map = new GMap2(document.getELementById(“Mappa”));
map.setCenter(StartPoint, 15);//via frandina 1h
map.addControl(new GLargeMapControl());//Zoom grande

//Creiamo il Route

directions = new GDirections(map, document.getElementById(“Route”));
directions.load(“from: “+StartPoint+” to: “+EndPoint]);

//Aggiungiamo all’evento addoverlay la funzione per sfuttare setImage
GEvent.addListener(directions, “addoverlay”, function()
{
var nMarkers = directions.getNumGeocodes()
for(var i=0; i< nMarkers;i++) { var marker = directions.getMarker(i); if (marker != null) {marker.setImage("mianuovaicona.png");} } }); [/source] Vedi l’esempio

Vuoi lasciare un tuo commento?

Attenzione: L'approvazione e l'invio del commento potrebbero avere dei ritardi, quindi, dopo aver premuto il pulante "Invia Commento" attendi.


*