在 jQuery 移动框架上使用 Google 地图将 infoWindow 添加到标记答案

【问题标题】：Adding infoWindow to markers using Google Maps on jQuery mobile framework在 jQuery 移动框架上使用 Google 地图将 infoWindow 添加到标记
【发布时间】：2012-08-03 08:32:00
【问题描述】：

我在 jQuery mobile 上使用 Google Maps 时遇到了一些问题……我已经成功地将地理定位 sn-p 集成到我正在开发的网站中，它运行良好，但我还想添加（对于每个标记）一个信息窗口（通过用户点击/点击激活）。我尝试了几次，已经用谷歌搜索了一段时间，但一切都失败了，我也没有收到任何错误消息。

我当前的代码在这里：http://jsfiddle.net/Cde9j/5/

基本上，我想为每个标记添加一个 infoWindow 或至少一个标签，其中包含指向网站内部页面的链接。

另外，请注意当前 jsfiddle 代码中的 2 个标记位于伦敦，因此根据您所在的位置，您可能需要缩小地图以查看它们。

如果有任何想法可以帮助我解决这个问题，我将不胜感激。

谢谢！

【问题讨论】：

标签： jquery google-maps jquery-mobile google-maps-markers

【解决方案1】：

您是否尝试过使用 google.maps.InfoWindow() ？

google.maps.event.addListener(markerObj, 'click', function() {
    var infoWindow = new google.maps.InfoWindow({content:"Your content"});
    infoWindow.open(map, this);
});

（取决于稍后是否替换标记，您可能还希望使用全局数组来跟踪它们..）

【讨论】：