Google Maps API v3 - 如何在Map div之外获取infoBox

Question

在谷歌地图API v3中，我想将infoBox（或infoWindow）显示为div，让我们说30％的宽度，地图的最大高度，它绝对位于地图的左侧。 我已经看到了这个的实现，其中实际的infoBox在Map div之外（例如： http ： //www.londontypographica.com/map/ ）。

主要问题是infoBox的内联样式根据标记的坐标（或在选项中指定）定位框，而且看起来它们绝对相对于地图容器定位。 我不知道如何删除那些内联样式。 这是这些样式的示例（每次我点击标记时都计算它们，所以我很可能需要禁用该函数或其他东西）：

<div class="infoBox" style="position: absolute; visibility: visible; width: 43px; left: 500.44037546636537px; top: 234.43615104886703px; cursor: default;">(...)<div>

简而言之：我想删除infoBox中的内联样式（或者在单击标记时阻止应用它），并将其移动到谷歌地图容器之外（这样我可以轻松地定位和调整元素的大小）。 提前致谢！

Answer 1

您不必使用信息框。 您可以只处理标记单击事件，并使用您想要的任何数据填充所需的任何div。

这就是你链接的例子中发生的事情。 在标记点击事件中，它将地图置于标记的中心，并使用相应的图像加载div。