Question

我确信这是一件非常简单而又愚蠢的错误，但对于我的生活，我无法让我的变焦或设定中心工作。请有人指出我的错误。我已经阅读并尝试了我能找到的所有内容来解决这个问题。

url：http://www.justawebbie.freehostingcloud.com/test-map4.html

谢谢你的时间。

Answer 1

这是地图的最佳缩放：

map.setCenter(new google.maps.LatLng(64.85599578876611, -147.83363628361917));
map.setZoom(15);

Answer 2

我在 map.fitBounds（bounds）之后添加了 setZoom（11）。它对我有用。试试吧。

setMarkers(map)
    {
        var bounds = new google.maps.LatLngBounds();
        for(var i=0;i<this.markers.length;i++)
        {
            bounds.extend(this.markers[i].getPosition());
            map.setCenter(this.markers[i].getPosition())
            map.fitBounds(bounds);
            map.setZoom(11);
        }
    }

Answer 3

您的地图显示the right viewport，仅显示我看到的setCenter()和setZoom()次调用，相当于将选项传递给Map构造函数：

google.maps.Map(document.getElementById("map_canvas"), {
  zoom: 14,
  center: new google.maps.LatLng(64.8504701658,-147.856123924),
  mapTypeId: google.maps.MapTypeId.ROADMAP
});

Answer 4

我遇到了同样的问题。也许谷歌地图在加载图块方面存在一些错误/问题。我添加了一个延迟并自己设置。

setTimeout(() => {
      this.map.setZoom(zoom);
}, 3000);

谷歌地图 - 缩放和居中无法正常工作

4 个答案: