2010-07-16 11 views
29
var directionsService = new google.maps.DirectionsService(); 
var directionsDisplay = new google.maps.DirectionsRenderer(); 

var startMarker = new google.maps.Marker({ position: start, map: map, icon: 'start.png' }); 
var stopMarker = new google.maps.Marker({ position: stop, map: map, icon: 'stop.png' }); 

directionsDisplay.setMap(map); 

var request = { 
origin: start, 
destination: stop, 
travelMode: google.maps.DirectionsTravelMode.DRIVING 
}; 

directionsService.route(request, function(response, status) { 
if (status == google.maps.DirectionsStatus.OK) { 
    directionsDisplay.setDirections(response); 
} 
}); 

Ciao, questo script mostra il percorso dal punto di inizio al punto di stop e io uso le icone personalizzate, ma anche i valori predefiniti verdi A e B appaiono. Domanda: come faccio a rimuovere i marcatori A e B predefiniti, quindi vedrò solo quelli personalizzati?Come rimuovere i marcatori A B di default su google maps route direction

+0

Eventuali duplicati di [Rimozione Indicazioni marcatori dal API V3 di Google Maps] (https://stackoverflow.com/questions/2932416/removing-directions-markers-from-the-google-maps- api-v3) –

risposta

72

Provare a utilizzare l'opzione suppressMarkers sul DirectionsRenderer per impedire la visualizzazione degli indicatori sulla rotta. Questo dovrebbe lasciare i segnalini che hai aggiunto direttamente alla mappa ma non mostrare quelli associati alla rotta.

directionsDisplay.setMap(map); 
directionsDisplay.setOptions({ suppressMarkers: true }); 
+0

Grazie mille per la risposta, potresti aiutarmi con l'impostazione del colore del tratto? Di default il suo grassetto fiolet, ma voglio il rosso normale ho provato directionsDisplay.polylineOptions ({strokeColor: '# 000000'}); ma funziona in questo Dont – frytaz

+5

'var directionsDisplay = new google.maps.DirectionsRenderer ({ polylineOptions: {strokeColor: "# 4a4a4a", strokeWeight: 5}, suppressMarkers: true});' –

+0

un'ottima notizia! E funziona! Comincio ad avere milioni di problemi perché non puoi gestire quei 2 punti - eventi e infoWindow. Quindi li sopprimono, disegno nuovi marcatori su queste 2 posizioni di coda, cambia l'immagine dell'icona per la stessa che hanno e ... et voilá! Ora ho il pieno controllo sui "punti" A e "B". Grazie @tvanfosson –

3
directionsDisplay.setOptions({ 
polylineOptions: { 
      strokeWeight: 4, 
      strokeOpacity: 1, 
      strokeColor: 'red' 
     } 
}); 
Problemi correlati