Javascript 当div部分覆盖地图时,如何平移地图以使所有标记始终可见?(谷歌地图API v3)

Javascript 当div部分覆盖地图时,如何平移地图以使所有标记始终可见?(谷歌地图API v3),javascript,html,google-maps,google-maps-api-3,Javascript,Html,Google Maps,Google Maps Api 3,我有一个div,其中包含设置为100%宽度和高度的地图,占据了整个视口。菜单将在地图顶部设置动画。当用户单击地图上的一个标记时,将在菜单旁边加载另一个包含内容的div 加载content div时,我希望地图能够平移和缩放,以便所有标记都能放在用户仍然可以看到的剩余空间中。div大小是按百分比计算的,因此剩余空间是视口的40%。当contentdiv关闭时,我希望它再次这样做,这次利用额外的空间 我正绞尽脑汁想怎么做。我假设我需要在像素坐标中定义边界,然后使用fitBounds()?这需要测试,

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

加载content div时,我希望地图能够平移和缩放,以便所有标记都能放在用户仍然可以看到的剩余空间中。div大小是按百分比计算的,因此剩余空间是视口的40%。当contentdiv关闭时,我希望它再次这样做,这次利用额外的空间


我正绞尽脑汁想怎么做。我假设我需要在像素坐标中定义边界,然后使用fitBounds()?

这需要测试,但我认为fitBounds将考虑地图上的实际控件


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

将您的内容划分为重叠视图

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