谷歌地图：缩放和平移主视口中的子边界框

Question

我正在创建一个具有一些特定要求的谷歌地图。 地图可以说800x600像素宽。

我需要在地图左侧的400x600像素区域显示所有标记。 另一半覆盖了导航面板（但地图必须在面板后边缘可见）。

我已经能够根据使用LatLngBounds和fitBounds的所有标记设置缩放级别，但仍然会填满整个区域。

如何在视口内创建子边界区域以包含所有标记并相应地调整缩放。我只显示特定城市的标记。

这是我需要实现的视觉效果：

+ -------------------------------- ---------------- +
| .. + ----- + .. + ------- + ..... + ---- ----------------- + |
| .. | .nav。| .... | ..nav .. | ...... | ...标记区域|| ||
| .. + ----- + ... + ------ + ..... + --------------------- + |
+ ----------------------------------------------- - +

外部块代表谷歌地图，子块之间的空间显示地图窗格。所以我需要一个主视口内的子视口。

任何想法？ （建议提高这个问题也欢迎，请使用该评论。）

Answer 1

有趣的问题。

我的建议：

1. 开始与你的界限
2. 使用投影，找出坐标将由400像素的边界延伸到左。
3. 使用这些新坐标调用fitBounds。