Я хотел бы заполнить карту google несколькими маркерами. Когда пользователь нажимает на маркер, я хотел бы, чтобы он отправил пользователя на другую веб-страницу, предназначенную для этого местоположения. (например: можно сказать, что маркеры представляют дома, когда вы нажимаете на маркер, вы попадаете на страницу с дополнительной информацией о доме)
Каков самый простой способ сделать это?
Вам нужно будет подключить прослушиватель событий к каждому маркеру. Обработчик кликов может установить document.location в URL-адрес страницы, на которую вы хотите перейти.
var marker = new GMarker(location);
GEvent.addListener(marker, "click", function() {
window.location = theURL;
});
map.addOverlay(marker);
Поскольку вы, вероятно, будете добавлять маркеры в цикле, вам нужно убедиться, что каждый из них получает свой собственный URL. Поскольку закрытие хранит фактические переменные, к которым они обращаются (а не их значения), вам, вероятно, необходимо поместить не менее addListener код в свою собственную функцию, чтобы создать свою собственную область. Ваш цикл будет выглядеть примерно так:
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));
}
Я считаю, что с google map v3, GEvent не распознается, ниже работает для меня
google.maps.event.addListener(marker, "click", function() {
window.location = url;
});