Workshop GoogleMaps Teil 2: Interaktive Markierungen
Mehrere Markierungen auf einer Karte
Schwieriger wird es erst, wenn man alle Markierungen gleichzeitig in der Karte anzeigen will, um den Benutzer die Auswahl in der Karte selbst zu überlassen. Im letzten Beispiel waren die Markierungen nämlich erst in der Gesamtübersicht vorhanden, nachdem jeder Link einmal angeklickt wurde.
Um alle Orte gleichzeitig anzeigen zu lassen, müssen wir zuerst alle Markierungen zur Karte hinzufügen. Dazu ändern wir die Funktion showAdress
so ab, dass sie eine Markierung an der angegebenen Adresse setzt, und zusätzlich einen Info-Text hinzufügt:
function addMarker(address, info_text) {
geocoder.getLatLng(
address,
function(point) {
var marker = new GMarker(point,{title:address});
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(info_text);
});
GEvent.addListener(marker, "mouseover", function() {
marker.openInfoWindowHtml(info_text + "<br>Koordinaten:" + point.lat() + " , " + point.lng());
});
map.addOverlay(marker);
markers[markers.length]=marker;
marker_texts[marker_texts.length] = info_text;
});
}