Google Maps Marker Haga clic en Evento

Question

Me gustaría llenar un mapa de Google con varios marcadores. Cuando el usuario hace clic en un marcador, me gustaría que envíe al usuario a una página web diferente designada para esa ubicación. (por ejemplo: supongamos que los marcadores representan hogares, cuando hace clic en un marcador lo lleva a una página con más información sobre el hogar)

¿Cuál es la forma más sencilla de hacerlo?

Answer 1

Deberá adjuntar un detector de eventos a cada marcador. El controlador de clics puede establecer document.location en la URL de la página a la que desea ir.

var marker = new GMarker(location); 
GEvent.addListener(marker, "click", function() { 
    window.location = theURL; 
}); 
map.addOverlay(marker); 

Ya que probablemente va a agregar marcadores en un bucle, tendrá que asegurarse de que cada uno tiene su propia URL. Dado que los cierres mantienen las variables reales a las que acceden (no sus valores), probablemente necesite poner al menos el código addListener en su propia función para crear su propio alcance. El bucle se vería algo así como esto:

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

Creo que a partir de Google Map v3, GEvent no es reconocido, el siguiente trabajó para mí

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