Google Maps API：Gables.com如何创建自定义InfoWIndows？

Question

我真的很喜欢Gables.com在这里创建他们的自定义Google Map InfoWindows和Markers：

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作为一个整体实现：

它基本上将地图标记和infopane窗口组合在一起，使其几乎成为一个整体：当您使用缩略图单击地图标记时，地图标记会扩展，缩略图图像会变大，并且侧面面板会弹出信息窗格窗口，您可以在其中输入信息，您可以单击减号，然后将窗口折叠回缩略图标记。如果我可以点击其他标记时，我想添加的唯一更改是，当前打开的infopane会自动关闭。

任何人都知道Gables.com如何在Google Maps API v3上完成类似InfoWindow的实现，如果可能的话，只需点击另一个标记即可实现，当前的标记会自动折叠？提前谢谢。

-Bruce

Answer 1

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

Answer 2

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