Google Maps API：Gables.com 如何创建自定义 InfoWINdows？答案

【问题标题】：Google Maps API: How does Gables.com create their custom InfoWIndows?Google Maps API：Gables.com 如何创建自定义 InfoWINdows？
【发布时间】：2012-04-17 14:31:10
【问题描述】：

我真的很喜欢 Gables.com 如何在这里创建他们的自定义 Google 地图信息窗口和标记：

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

我特别喜欢 Gables 实现 InfoWindow 和 Map Marker 的一点是：

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

任何人都知道 Gables.com 如何在 Google Maps API v3 上完成类似于 InfoWindow 的实现，如果有可能实现这一点，当您单击另一个标记时，当前的标记会自动折叠吗？提前谢谢你。

-布鲁斯

【问题讨论】：

标签： javascript jquery google-maps google-maps-api-3

【解决方案1】：

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

【讨论】：

谢谢瓦伦蒂娜斯。这次我更彻底地查看了那里的源代码，并且能够使用 OverlayView 以我想要的方式组合我的地图。再次感谢！ :)

【解决方案2】：

他们可能会使用 InfoBox，这是一个自定义的 InfoWindow... 请参见此处： http://code.google.com/p/google-maps-utility-library-v3/wiki/Libraries 并寻找 InfoBox :) 祝你好运 :)

【讨论】：

我尝试了 Ryan 这个方法，但 OverlayView 似乎更适合我正在做的事情。不过感谢您的帮助。 :)