2010-07-16 4 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); 
} 
}); 

Salut, ce script montre la route du point de départ au point d'arrêt et j'utilise des icônes personnalisées, mais par défaut les vertes A et B apparaissent également. Comment puis-je supprimer les marqueurs A et B par défaut pour ne voir que mes marqueurs personnalisés?Comment supprimer les marqueurs A B par défaut sur google maps direction

+0

double possible de [Suppression de marqueurs de directions de l'API V3 Google Maps] (https://stackoverflow.com/questions/2932416/removing-directions-markers-from-the-google-maps- api-v3) –

Répondre

72

Essayez d'utiliser l'option suppressMarkers sur DirectionsRenderer pour empêcher l'affichage des marqueurs sur l'itinéraire. Cela devrait laisser les marqueurs que vous avez ajoutés directement sur la carte en place, mais ne pas afficher ceux qui sont associés à la route.

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

Merci beaucoup pour la réponse, pourriez-vous m'aider avec la définition de couleur de trait? Par défaut, son fiolet gras, mais je veux rouge normal j'ai essayé directionsDisplay.polylineOptions ({strokeColor: '# 000000'}); mais cela ne fonctionnent pas – frytaz

+5

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

+0

excellente nouvelle! Et il fonctionne! Je commence à avoir des millions de problèmes parce que vous ne pouvez pas gérer ces 2 points - les événements et infoWindow. Donc, je les supprime, dessine de nouveaux marqueurs sur ces 2 positions de queue, change l'image de l'icône pour la même chose qu'eux et ... et voilá! Maintenant j'ai un contrôle complet sur les "points" A et "B". Merci @tvanfosson –

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