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

发布于 2025-01-04 06:07:48 字数 281 浏览 1 评论 0原文

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

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

谢谢您的宝贵时间。

I am sure it is something very simple and a silly mistake on my end but for the life of me I can not get my zoom or set center to work. Please can someone point out my mistake. I have read and tried everything I could find to fix this.

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

thank you for your time.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

遇见了你 2025-01-11 06:07:48

这是您的地图的最佳缩放比例:

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

This is the best zoom for your map:

map.setCenter(new google.maps.LatLng(64.85599578876611, -147.83363628361917));
map.setZoom(15);
相守太难 2025-01-11 06:07:48

我在 ma​​p.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);
        }
    }

I added setZoom(11) after map.fitBounds(bounds). It worked for me.
Try it.

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);
        }
    }
与君绝 2025-01-11 06:07:48

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

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

I got same issue. maybe google map have some bugs/issues with load tiles. I added a delay and set it myself.

setTimeout(() => {
      this.map.setZoom(zoom);
}, 3000);
挽手叙旧 2025-01-11 06:07:48

您的地图显示了唯一 正确视口我看到 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
});

Your map shows the right viewport for the only setCenter() and setZoom() calls I see, which are equivalent to passing options to the Map constructor:

google.maps.Map(document.getElementById("map_canvas"), {
  zoom: 14,
  center: new google.maps.LatLng(64.8504701658,-147.856123924),
  mapTypeId: google.maps.MapTypeId.ROADMAP
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文