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

Hola, este script muestra ruta desde el punto de partida para detener punto y utilizo iconos personalizados, pero por defecto verde A y B también aparecen. Pregunta: ¿Cómo elimino los marcadores A y B predeterminados, así que solo veré los personalizados?Cómo quitar falta A B marcadores en los mapas de Google ruta dirección

+0

duplicado posible de [Extracción marcadores Direcciones de la versión 3 del API de Google Maps] (https://stackoverflow.com/questions/2932416/removing-directions-markers-from-the-google-maps- api-v3) –

Respuesta

72

Pruebe utilizar la opción suppressMarkers en DirectionsRenderer para evitar que se muestren los marcadores en la ruta. Esto debería dejar los marcadores que ha agregado directamente en el mapa en su lugar, pero no mostrar los asociados con la ruta.

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

Muchas gracias por su respuesta, ¿podría ayudarme con el ajuste de color de trazo? Por defecto es el fiolet audaz, pero quiero el rojo normal intenté directionsDisplay.polylineOptions ({strokeColor: '# 000000'}); pero funciona de esta Dont – frytaz

+5

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

+0

una excelente noticia! ¡Y funciona! Empiezo a tener millones de problemas porque no puedes manejar esos 2 puntos: eventos e infoWindow. Entonces, los suprimo, dibujo nuevos marcadores en estas 2 posiciones de cola, cambio la imagen de icono por la misma que tienen y ... ¡et voilá! Ahora tengo pleno control sobre "puntos" A y "B". Gracias @tvanfosson –

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