谷歌地图 - 缩放和居中不起作用答案

【问题标题】：google map - Zoom and Centering not working谷歌地图 - 缩放和居中不起作用
【发布时间】：2012-03-03 05:33:20
【问题描述】：

我确信这对我来说是一个非常简单和愚蠢的错误，但对于我的生活，我无法让我的缩放或设置中心工作。请有人指出我的错误。我已阅读并尝试了所有我能找到的方法来解决这个问题。

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

感谢您的宝贵时间。

【问题讨论】：

怎么了？我觉得很好。

标签： google-maps google-maps-api-3 zooming centering

【解决方案1】：

这是您地图的最佳缩放：

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

【讨论】：

这对我有用，谢谢，谢谢 Broady，我知道是我的 LatLng 关闭了，我想我找到了其他东西可以用来抓取这些。非常感谢 Broady，非常感谢您的帮助。
没问题！我在 Google 地图上使用了“Drop LatLng 标记”实验室。你能接受答案吗？ :)

【解决方案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);
        }
    }

【讨论】：

【解决方案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
});

【讨论】：

谢谢 Miguev 会试一试。

【解决方案4】：

我遇到了同样的问题。也许谷歌地图有一些关于加载瓷砖的错误/问题。我添加了延迟并自己设置。

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

【讨论】：