0

在 Google Map 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 的内联样式（或阻止在单击标记时应用它），并将其移到谷歌地图容器之外（这样我就可以轻松定位和调整元素的大小）。提前致谢！

4

1 回答 1

2

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

这就是您链接到的示例中发生的情况。在标记单击事件中，它使地图在标记上居中，并加载带有相应图像的 div。

于 2013-10-21T14:45:30.053 回答