Ich verwende Gmaps.js , um Koordinaten anzuzeigen, die ich aus einer Datenbank ziehe, und versuche, alle Markierungen miteinander zu verbinden, um eine Route zu erstellen . Aber das einzige was ich finden kann ist der folgende Code.
Wie kann ich dies ändern, um eine Route zwischen der ersten und der zweiten Markierung und der zweiten und dritten und so weiter zu zeichnen?
map.drawRoute({
origin: [-12.044012922866312, -77.02470665341184],
destination: [-12.090814532191756, -77.02271108990476],
travelMode: 'driving',
strokeColor: '#783bf2',
strokeOpacity: 0.6,
strokeWeight: 6
});
Folgendes habe ich versucht:
var latlng = new google.maps.LatLng(lat, longit);
bounds.push(latlng);
/* Add Marker */
map.addMarker({
lat: lat,
lng: longit,
title: 'title',
});
$(latlng).each(function( index, element ) {
map.drawRoute({
origin: [lat, longit],
destination: [lat + 1, lng + 1],
travelMode: 'driving',
strokeColor: '#131540',
strokeOpacity: 0.6,
strokeWeight: 6
});
});
Hier ist ein Ansatz:
Erstellen Sie ein Array von Koordinaten:
var locations = [
[30.465229, -97.759501],
[30.459517, -97.754317],
[30.452511, -97.750729],
[30.444433, -97.742799],
[30.436055, -97.734473],
[30.429190, -97.722731]
];
Schleifen Sie die Koordinaten und zeichnen Sie die Route zwischen jedem Paar:
for(var index = 0; index < locations.length; index++) {
if (index < locations.length - 1) {
drawRoute(locations[index], locations[index + 1]);
}
}
function drawRoute(origin, destination) {
map.drawRoute({
origin: origin,
destination: destination,
travelMode: 'driving'
});
}
Sehen Sie sich diese JSBin an, um eine funktionierende Version des obigen Codes zu erhalten.
Dieser Artikel stammt aus dem Internet. Bitte geben Sie beim Nachdruck die Quelle an.
Bei Verstößen wenden Sie sich bitte [email protected] Löschen.
Lass mich ein paar Worte sagen