Google Maps API - 无法点击信息窗口中的链接答案

【问题标题】：Google Maps API - cannot click on a link in an infowindowGoogle Maps API - 无法点击信息窗口中的链接
【发布时间】：2011-08-08 22:53:17
【问题描述】：

我在 Javascript 中的 GoogleMaps API v3 中的 InfoWindow 有问题。我已经成功创建了一个信息窗口，我可以在里面设置任何内容，但是我想在里面放一个超文本链接。它工作正常，我通常将标签添加到 setContent() 方法，并且链接正确显示在窗口中。不幸的是，它是不可点击的——它附有一个正确的链接，但是当我点击它时，什么也没有发生。当我通过右键单击它并选择“在新窗口中打开”时，它工作得很好。任何人都可以在这里找到问题吗？我有一个简单的代码如下：

var bubble;

... some lines not related to the bubble ...

bubble = new google.maps.InfoWindow({
  maxSize: new google.maps.Size(500,250)
});

... other not related lines...

然后我在创建标记的事件中触发它（对标记工作正常）：

bubble.setContent('<a href="http://www.google.com">LINK</a>');

google.maps.event.addListener(marker, 'click', function() {
   bubble.open(map, marker)
});

“地图”和“标记”都可以。

【问题讨论】：

标签： javascript google-maps infowindow marker

【解决方案1】：

我遇到了同样的问题。我相信这是因为 infowindow 内容是作为 div 动态插入到 DOM 中的。我不知道为什么会发生这种情况，但我是这样解决的：

使用 jQuery（我已经在使用这个 - 如果您使用其他 js lib，可能有相同的等效解决方案）
更新 html 链接以定义一个类（比如 class="infowindow_link"）
添加一个 jQuery 处理程序来捕获链接并跟随它

$(".infowindow_link").live('click', function(){ window.location.href=this.href; });

这个“实时”调用跟踪对 DOM 的更改并将侦听器附加到您插入的任何新链接。 window.location.href 更新是跟随链接的正常行为。

【讨论】：