Darstellung mehrerer Routen auf einer google map
Ich versuche zu zeigen, mehrere Routen auf google Karte, sondern Es zeigt nur einen. Kannst du bitte, was ich falsch mache?
<div class="searchmap" style="float:left;margin-left:1%" id="map"></div>
var map = null;
var markerPoints = [];
var directionDisplay;
var directionsService = new google.maps.DirectionsService();
function initialize()
{
directionsDisplay = new google.maps.DirectionsRenderer();
map = new google.maps.Map(document.getElementById("map"), {scrollwheel:false, mapTypeId: google.maps.MapTypeId.ROADMAP, mapTypeControl: false, streetViewControl: false, center:new google.maps.LatLng(19.0759837, 72.87765590000004), zoom:13});
directionsDisplay.setMap(map);
}
function calcRoute(flat, flng, tlat, tlng)
{
var start = new google.maps.LatLng(flat, flng);
var end = new google.maps.LatLng(tlat, tlng);
var request = {
origin:start,
destination:end,
travelMode: google.maps.DirectionsTravelMode.DRIVING
};
directionsDisplay = new google.maps.DirectionsRenderer({
suppressMarkers: false,
suppressInfoWindows: true
});
directionsDisplay.setMap(map);
directionsService.route(request, function(result, status) {
console.log(result);
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(result);
}
});
}
calcRoute("19.210430", "72.843422", "19.109858", "72.878433");
calcRoute("19.228977", "72.856812", "19.117302", "72.884041");
Können Sie bitte lassen Sie mich wissen, was ich falsch mache?
- mögliche Duplikate von Zeichnung mehrere Routen in Google Map
Du musst angemeldet sein, um einen Kommentar abzugeben.
Klicken Sie auf hier!
Hier gehen Sie.. die vollständige Erklärung , Kredit geht an der Autor
müssen Sie erstellen eine Instanz von
google.maps.DirectionsRenderer();
jedes mal, wenn Sie zeichnen die route um es sichtbar zu machen 😉Ihre
directionsDisplay
variable ist eine Instanz dergoogle.maps.DirectionsRenderer()
können, und dass nur eine Gruppe von Anweisungen zu einem Zeitpunkt. Wenn Sie anzeigen möchten, die mehr als eine route, müssen Sie mehreregoogle.maps.DirectionsRenderer()
.Um mehrere Routen, die wir hinzufügen können
provideRouteAlternatives = true
im inneren request-Objekt beim aufrufen vonroute()
vonDirectionsService
Objekt. Sehen Richtungen Anfragen.Diese Methode return array von Routen, wenn verfügbar, mit Ihrem Namen in
summary
- Taste.Nun können wir zeigen diese Strecken auf Sicht und auf jeder route können wir pass route-Objekt und Rendern kann die Richtung durch
setDirections()
vonDirectionsRenderer
Objekt. Sehen Anzeige des DirectionsResult