如何平移地图，以便当div部分覆盖地图时，所有标记始终可见？ （Google Maps API v3）

Question

我有一个包含地图设置为100％宽度和高度的div，占据整个视口。菜单在地图顶部设置动画。当用户单击地图上的其中一个标记时，另一个div将加载到包含内容的菜单旁边。

当加载内容div时，我希望地图可以平移和缩放，以便所有标记都适合用户仍然可以看到的剩余空间。 div大小按百分比完成，因此剩余空间为视口的40％。当内容div关闭时，我希望它再次执行相同的操作，这次使用了额外的空间。

我正在努力探索如何做到这一点。我假设我需要在像素坐标中定义边界，然后使用fitToBounds（）？

Answer 1

它需要测试，但我认为fitBounds会考虑你在地图上的实际控制。

所以也许你可以让你的div成为自定义控件。

Answer 2

使您的内容成为重叠视图。

应该让谷歌地图正确地在视口中处理它。