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

Question

我在使用 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)
});

“ map ”和“标记”都很好。

Answer 1

我遇到了同样的问题。我相信这是因为信息窗口内容作为 div 动态插入到 DOM 中造成的。我不知道为什么会这样，但我是这样解决的:

1. 使用 jQuery(我已经在使用这个 - 如果您使用替代的 js 库，可能有相同的等效解决方案)
2. 更新 html 链接以定义一个类(比如 class="infowindow_link")

3. 添加一个 jQuery 处理程序来捕获链接并跟随它

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

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