javascript - Google Maps API v3 - 如何在 Map div 之外获取信息框

Question

在 Google Map API v3 中，我想将 infoBox(或 infoWindow)显示为一个 div，假设宽度为 30%， map 的最大高度，并且它绝对位于 map 的左侧。我已经看到了这个的实现，其中实际的 infoBox 在 Map div 之外(例如:http://www.londontypographica.com/map/)。

主要问题是 infoBox 的内联样式根据标记的坐标(或在选项中指定)定位框，而且它们似乎相对于 map 容器是绝对定位的。我不知道如何删除那些内联样式。这是这些样式的示例(每次我单击标记时都会计算它们，因此我很可能需要禁用该功能或​​其他东西):

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

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

Answer 1

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

这就是您链接到的示例中发生的事情。在标记点击事件中，它使 map 以标记为中心，并加载具有相应图像的 div。