google-maps - 在任何屏幕上缩放 Google map 以适应世界

Question

我有一个看似简单的情况，但尚未找到解决方案。这是一个临时的开发链接:

[[网址已删除]]

如您所见，我们正在查看全屏 Google map 。如果您允许页面访问您的位置，它将放大它。如果你想再次缩小到“世界”，你可以点击右上角的地球图标。

我的问题与缩小到“世界”级别有关。我目前为此使用 3 的缩放级别。但是，结果很大程度上取决于使用的视口(viewport)的大小/DPI。缩放级别 3 大约在我的桌面上，但在我的智能手机上放大得太远，然后只显示非洲。将其设置为零将使其适合智能手机，但在我的桌面上多次显示世界。

我需要的是一种可靠地设置缩放级别的方法，该缩放级别可以准确地完成整个 View 世界，而不管视口(viewport)大小如何。我希望有一个简单的方法来做到这一点？我觉得我在这里忽略了一些非常重要的东西。

请注意，我的问题与标记无关，我只是希望世界恰好适合屏幕一次，无论标记如何。

Answer 1

做不到。您可以靠近，但有离散的缩放级别。

我会尝试:

var worldBounds = new google.maps.LatLngBounds(new google.maps.LatLng(-85,-180),
                                               new google.maps.LatLng(85,180));
map.fitBounds(worldBounds);

然后调整 worldBounds 以获得两个平台上的最佳折衷 View 。