0

我在我的网站上使用谷歌地图。

现在，当在网站上显示地图时，您可以点击不同的 Pins（位置）。

单击某个位置后，它会显示一个弹出框（谷歌地图气泡）。现在我想在Address字段旁边添加其他内容，而我能做到的唯一方法是使用 jQuery。

这是弹出气泡的html：

<div class="google-map-placeholder">
 <div class="bubble-content">
   <h4>Address: </h4>
   <p class="custom-bubble-text">Lat and long...</p>
   <p class="custom-bubble-text">PE Offices</p>
 </div>
</div>

我想如何将自定义文本添加到地址：元素

jQuery：

var x = $('div.google-map-placeholder').find('div.bubble-content p.custom-bubble-text').html();
            if(x == 'NY Offices'){
                $('div.google-map-placeholder').find('div.bubble-content h4').html('Address: My custom address');
            }

但它不起作用（不附加我的html）......

我想我需要在单击地图标记图标时添加一个事件侦听器，但我该怎么做呢？

谷歌地图图像

4

2 回答 2

1

http://api.jquery.com/click/

将允许您将事件侦听器添加到由 jQuery 对象表示的 DOM 节点。

$("#target").click(function() {
  alert("Handler for .click() called.");
});

我觉得您可能会遇到您要针对的 dom 的问题（在弹出窗口内），以便在 onClick 处理程序内部进行修改，甚至在 onClick 被触发时还没有为您准备好。

于 2013-04-08T12:03:07.663 回答
1

我认为最好的方法是使用来自谷歌地图的自定义信息框插件 infobox.js

请参阅以下链接：

http://google-maps-utility-library-v3.googlecode.com/svn/tags/infobox/1.1.5/docs/examples.html 自定义谷歌地图信息气泡

希望这可以帮助

于 2013-04-10T09:15:55.300 回答