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"还是"marker"都可以。

- Marek M.

Answer 1

我遇到了同样的问题。我相信这是因为infowindow内容以div的形式动态插入DOM引起的。我不知道为什么会发生这种情况，但以下是我解决它的方法：

1. 使用jQuery（如果你已经在使用其他js库，可能也有等效的解决方案）
2. 将html链接更新为定义一个类（例如class="infowindow_link"）

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

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

这个'live'调用会跟踪DOM的变化，并将监听器附加到任何新插入的链接上。window.location.href更新是按照正常链接行为进行的。

- Param