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

时间:2013-10-21 14:38:32

标签: javascript css google-maps google-maps-api-3

在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中的内联样式(或者在单击标记时阻止应用它),并将其移到Google地图容器之外(这样我可以轻松地定位和调整元素的大小)。提前谢谢!

1 个答案:

答案 0 :(得分:2)

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

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