具有多条路线的谷歌地图 - 自动缩放和中心地图

Question

我已经设法修改了我发现的脚本以满足我的需要。

我目前唯一的问题是我必须在代码中手动设置地图的中心和缩放级别。

我该如何修改它，以便 api 自动为地图选择正确的缩放级别和中心点。

小提琴是here

我需要删除这个手动代码：

var map    = new google.maps.Map(document.getElementById("map"), {
                  center: new google.maps.LatLng(-30.559, 22.937),
                  zoom: 4
               }),

并将其配置为根据给定的路线（路线数组）自动缩放和居中

您会在小提琴中看到哥斯达黎加路线不在地图上，因此需要进行缩放。如果是短途旅行，请放大以将所有内容放入地图中

一如既往的感谢：

Answer 1

您无法摆脱该代码。选项center 和zoom 是google.maps.MapOptions 对象的唯一必需 参数。请参阅文档of MapOptions。

您可以去掉选项preserveViewport 或将其设置为false 而不是true，这样您的地图就会居中并正确缩放。