如何平移地圖，以便在div部分覆蓋地圖時所有標記始終可見？ （Google Maps API v3）

Question

我有一個div，其中包含設置爲100％寬度和高度的地圖，佔用整個視口。菜單在地圖頂部動畫。當用戶單擊地圖上的其中一個標記時，另一個div會隨着內容加載到菜單旁邊。

加載內容div時，我希望地圖平移和縮放，以便所有標記都可以放入用戶仍可看到的剩餘空間中。 div大小是按百分比完成的，所以剩餘空間是視口的40％。當內容div關閉時，我希望它再次做同樣的事情，這次使用額外的空間。

我正在努力讓我的頭在如何做到這一點。我假設我需要在像素座標中定義邊界，然後使用fitToBounds（）？

Answer 1

它需要測試，但我認爲fitBounds會考慮到您在地圖上的實際控件。

所以，也許你可以讓你的div自定義控件。

Answer 2

使您的內容div覆蓋視圖。

這應該讓谷歌地圖在視口中正確處理它。