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;
});
}