javascript - Google Maps API : How does Gables. com 创建他们的自定义 InfoWIndows？

Question

我真的很喜欢 Gables.com 在这里创建他们的自定义 Google map 信息窗口和标记的方式:

http://gables.com/find/where?utf8=%E2%9C%93&floorplans=any&group=&query=75254&beds=&baths=&rent_min=&rent_max=&pet_friendly=

我特别喜欢将 InfoWindow 和 Map Marker 作为一体的 Gables 实现:

它从本质上结合了 map 标记和信息 Pane 窗口，使它们几乎成为一体:当您单击带有缩略图的 map 标记时， map 标记会展开，缩略图会变大，并且会弹出一个侧面板，如下所示信息 Pane 窗口，您的信息可以放在这里，您可以单击减号，它会将窗口折叠回缩略图标记。如果可以的话，我想添加的唯一更改是当您单击另一个标记时，当前打开的信息 Pane 会自动关闭。

有谁知道 Gables.com 如何在 Google Maps API v3 上完成他们类似 InfoWindow 的实现，如果可能的话，让它在您单击另一个标记时自动折叠当前标记？提前谢谢你。

-布鲁斯

Answer 1

看看他们的源代码:http://gables.com/javascripts/map.js ，他们正在使用 OverlayView:https://developers.google.com/maps/documentation/javascript/reference#OverlayView .