3

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

“地图”和“标记”都很好。

4

1 回答 1

1

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

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

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

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

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

于 2011-10-11T19:55:40.147 回答