谷歌地图标记点击事件

Question

我想用几个标记填充谷歌地图。当用户点击标记时，我希望它将用户发送到为该位置指定的其他网页。 （例如：让说的标记代表的家园，当你点击它把你带到一个页面，更多有关家庭的标志）

什么是最简单的方法是什么？

Answer 1

您将需要一个事件侦听器附加到每个标记。点击处理程序可以将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)); 
} 

Answer 2

我相信，谷歌地图V3的，GEVENT无法识别，下面的工作对我来说

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