Javascript 谷歌地图API v3-如何在地图分区外获取信息框

在GoogleMapAPIv3中，我想将infoBox（或infoWindow）显示为一个div，它有30%的宽度，地图的最大高度，并且它绝对位于地图的左侧。我已经看到了它的实现，其中实际的infoBox位于Map div之外（示例：）

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

（…）

---

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

您不必使用信息框。您只需处理marker click事件，并使用所需的任何数据填充任何div

---

这就是您链接到的示例中发生的情况。在marker click事件中，它将地图置于marker的中心，并加载一个带有相应图像的div。

谢谢，这是完全可行的，尽管这是解决此类问题的“最佳实践”吗？顺便说一句，我不想提出新的主题，但您是否知道我如何像我提供的示例中那样改变中心点（当您弹出信息窗口时，标记会向右移动）。^Nvm关于居中，发现panBy方法可以很好地做到这一点。@Malyo，这里没有最佳实践。这是任何适合你的网站。我唯一的建议是确保“外部信息框”与地图画布相邻，而不是在屏幕的另一侧。也许在视觉上，这两个地区都有边界。或者，如果您想要一个弹出div，那么请尝试确保它不会模糊地图。

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