Kontrapunkt2006
Neues Mitglied
Hallo! Ich habe mit rudimentären HTML-Kenntnisse unter Verwendung von leaflet eine Weltkarte mit etwa 700 Markern, deren Daten aus einem .js Dokument entnommen werden, erstellt. Das ganze funktioniert soweit einwandfrei. Nun würde ich gerne dem Nutzer die Möglichkeit geben, per google maps zu den markierten Punkten zu navigieren. Dies sollte mit einem link innerhalb des Popups, das den Markern zugeteilt ist, funktionieren. Der entsprechende Code-Abschnitt sieht so aus:
Was mir absolut nicht klar ist: wie kann ich den link zu Google-Maps um die Geokoordinaten ergänzen? Das bedeutet: nach
müssten die oben definierten Daten a[0] und a[1] in den link übernommen werden. Ich kann sie problemlos auslesen und als Text im Popup anzeigen lassen, weiß allerdings nicht, wie ich sie als Teil des links definieren kann.
Wahrscheinlich frage ich hier nach einer einfachen Antwort auf ein komplexes Problem ... Ich bin für jeden Hinweis dankbar!
Code:
var markers = new L.MarkerClusterGroup();
for (var i = 0; i < addressPoints.length; i++) {
var a = addressPoints[i];
var title = a[2];
var name = a[3]
var colormarker = a[4]
var typemarker = a[5]
var marker = L.marker(new L.LatLng(a[0], a[1]),
{icon: L.mapbox.marker.icon({'marker-symbol':typemarker, 'marker-color': colormarker}),
title: name
});
marker.bindPopup(title + '<br><a href=http://maps.google.com/maps?saddr=>Google Maps Navigation</a>');
markers.addLayer(marker);
}
map.addLayer(markers);
Was mir absolut nicht klar ist: wie kann ich den link zu Google-Maps um die Geokoordinaten ergänzen? Das bedeutet: nach
Code:
<a href=http://maps.google.com/maps?saddr=>
Wahrscheinlich frage ich hier nach einer einfachen Antwort auf ein komplexes Problem ... Ich bin für jeden Hinweis dankbar!