谷歌地圖：縮放和平移主視口中的子邊界框

Question

我正在創建一個具有一些特定要求的谷歌地圖。 地圖可以說800x600像素寬。

我需要在地圖左側的400x600像素區域顯示所有標記。 另一半覆蓋了導航面板（但地圖必須在面板後邊緣可見）。

我已經能夠根據使用LatLngBounds和fitBounds的所有標記設置縮放級別，但仍然會填滿整個區域。

如何在視口內創建子邊界區域以包含所有標記並相應地調整縮放。我只顯示特定城市的標記。

這是我需要實現的視覺效果：

+ -------------------------------- ---------------- +
| .. + ----- + .. + ------- + ..... + ---- ----------------- + |
| .. | .nav。| .... | ..nav .. | ...... | ...標記區域|| ||
| .. + ----- + ... + ------ + ..... + --------------------- + |
+ ----------------------------------------------- - +

外部塊代表谷歌地圖，子塊之間的空間顯示地圖窗格。所以我需要一個主視口內的子視口。

任何想法？ （建議提高這個問題也歡迎，請使用該評論。）

Answer 1

有趣的問題。

我的建議：

1. 開始與你的界限
2. 使用投影，找出座標將由400像素的邊界延伸到左。
3. 使用這些新座標調用fitBounds。