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

我正在创建一个带有特定要求的谷歌地图。 地图的宽度是800x600像素

我需要在地图左侧400x600px的区域显示所有标记。 另一半用导航面板覆盖（但地图必须在面板后面的空白处可见）

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

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

这就是我需要在视觉上实现的目标：

+------------------------------------------------+
|..+----+----+----+----+----+----+|
|…导航…导航…标记区…。。。
|..+----+..+----+..+----+----+|
+------------------------------------------------+

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

有什么想法吗？ （我们也欢迎提出加强问题的建议，请使用该问题的评论。）

有趣的问题

我的建议是：

从你的边界开始

使用投影，找出将边界向左延伸400px的坐标

使用这些新坐标调用fitBounds

---

使用类似的东西，结果仍然不理想，但可以。