javascript - Google map 和 jQuery InfoWindow 替换

Question

所以我正在重写我的第一个谷歌地图应用程序，我正在研究如何在单击标记时创建信息窗口，为每个应用程序添加一个监听器似乎非常低效。以前我使用过 GInfoWindow 和 EBubble ( http://econym.org.uk/gmap/ebubble.htm )。

我在想，如果每个标记都有一个钩子(Hook)来显示窗口和相关标记信息(从 JSON 中提取)，我可以使用 jQuery 来显示带有动态数据的 div。我可以看到每个标记都有一个唯一的 ID(例如 mtgt_unnamed_2822)，但我不确定如何预测这一点。

有人尝试过这个或者知道如何去做吗？

谢谢丹尼斯

Answer 1

我不了解 jQuery，但 Javascript 允许您将自己的自定义属性添加到任何对象。所以你可以写这样的东西:

  var marker = new GMarker(...);  
  marker.ID = "mtgt_unnamed_2822";

或

function createMarker(point,newid) {
  var marker = new GMarker(point);
  marker.ID = newid;
  ...
}

请注意不要使用“marker.id”，因为 API 可能会使用“id”作为 future 版本中现有属性的模糊内部名称。事实上，避免以小写字母开头的属性名称。

将 .ID 属性附加到标记后，您可以在需要时从任何标记引用的marker.ID 中读取信息来进行 jQuery 调用。