2016-08-09 7 views
0

Ich kann nicht mehr als eine mögliche Route von der Quelle zum Ziel abrufen.So zeichnen Sie mehrere mögliche Routen in Google Map von der Quelle zum Ziel

Hier ist die auch für Single-Line-Draw verwendet, aber ich möchte für mehrere mögliche Route zeichnen.

Code-Schnipsel (von Geige oben):

var directionDisplay; 
 
var directionsService = new google.maps.DirectionsService(); 
 
var map; 
 

 
function initialize() { 
 
    directionsDisplay = new google.maps.DirectionsRenderer({ 
 
    suppressMarkers: true 
 
    }); 
 

 
    var myOptions = { 
 
    zoom: 3, 
 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
 
    } 
 

 
    map = new google.maps.Map(document.getElementById("map-canvas"), myOptions); 
 
    directionsDisplay.setMap(map); 
 
    calcRoute(); 
 
} 
 

 
function calcRoute() { 
 

 
    var waypts = []; 
 

 
    stop = new google.maps.LatLng(51.943571, 6.463856) 
 
    waypts.push({ 
 
    location: stop, 
 
    stopover: true 
 
    }); 
 
    stop = new google.maps.LatLng(51.945032, 6.465776) 
 
    waypts.push({ 
 
    location: stop, 
 
    stopover: true 
 
    }); 
 
    stop = new google.maps.LatLng(51.945538, 6.469413) 
 
    waypts.push({ 
 
    location: stop, 
 
    stopover: true 
 
    }); 
 
    stop = new google.maps.LatLng(51.947462, 6.467941) 
 
    waypts.push({ 
 
    location: stop, 
 
    stopover: true 
 
    }); 
 
    stop = new google.maps.LatLng(51.945409, 6.465562) 
 
    waypts.push({ 
 
    location: stop, 
 
    stopover: true 
 
    }); 
 
    stop = new google.maps.LatLng(51.943700, 6.462096) 
 
    waypts.push({ 
 
    location: stop, 
 
    stopover: true 
 
    }); 
 

 
    start = new google.maps.LatLng(51.943382, 6.463116); 
 
    end = new google.maps.LatLng(51.943382, 6.463116); 
 

 
    createMarker(start); 
 

 
    var request = { 
 
    origin: start, 
 
    destination: end, 
 
    waypoints: waypts, 
 
    optimizeWaypoints: true, 
 
    travelMode: google.maps.DirectionsTravelMode.WALKING 
 
    }; 
 

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

 
function createMarker(latlng) { 
 

 
    var marker = new google.maps.Marker({ 
 
    position: latlng, 
 
    map: map 
 
    }); 
 
} 
 

 
initialize();
#map-canvas { 
 
    height: 400px; 
 
}
<script src="http://maps.googleapis.com/maps/api/js"></script> 
 
<div id="map-canvas"></div>

+0

gibt es keinen Löffel oder Link –

Antwort

0

Die allgemeine Antwort ist provideRouteAlternatives:true verwenden, jedoch können Sie nicht bekommen alternative Routen mit Wegpunkten, die Richtungen Service gewonnen‘ t stellen Sie sie zur Verfügung.