Google Maps Marker Click Event

Question

Ich möchte eine Google Map mit mehreren Markern füllen. Wenn der Benutzer auf eine Markierung klickt, möchte ich, dass er den Benutzer an eine andere Webseite sendet, die für diese Position bestimmt ist. (Beispiel: sagen wir, die Markierungen stellen Häuser dar, wenn Sie auf einen Marker klicken, gelangen Sie auf eine Seite mit weiteren Informationen über das Heim)

Was ist der einfachste Weg, dies zu tun?

Answer 1

Sie müssen jedem Marker einen Ereignis-Listener hinzufügen. Der Click-Handler kann document.location auf die URL der Seite festlegen, zu der Sie wechseln möchten.

Da Sie wahrscheinlich Marker in einer Schleife hinzufügen werden, müssen Sie sicherstellen, dass jeder seine eigene URL erhält. Da Closures die tatsächlichen Variablen behalten, auf die sie zugreifen (nicht ihre Werte), müssen Sie wahrscheinlich mindestens addListener Code in eine eigene Funktion schreiben, um einen eigenen Bereich zu erstellen. Ihre Schleife Art würde wie folgt aussehen:

function createMarker(location, url) { 
    var marker = new GMarker(location); 
    GEvent.addListener(marker, "click", function() { 
     window.location = url; 
    }); 
    return marker; 
} 

// Assuming locations is an array of objects with lat, lng, and url properties 
for (var i = 0; i < locations.length; i++) { 
    var loc = locations[i]; 
    map.addOverlay(createMarker(new GLatLng(loc.lat, loc.lng), loc.url)); 
} 

Answer 2

Ich glaube, dass, wie von google map v3, GEvent nicht erkannt wird, arbeitete die folgenden für mich

google.maps.event.addListener(marker, "click", function() { 
    window.location = url; 
});