如何让谷歌地图不离开世界？

Question

我想知道如何让谷歌地图不要留下世界范围，比如google maps网站本身。 我正在使用javascript google map api v3，这是我的地图选项：

mapOptions = {
  center: new google.maps.LatLng(20, 0),
  zoom: 3,
  minZoom: 3,
  zoomControl: true,

我限制了地图缩放，但是用户仍然可以拖出世界边界甚至选择那里的区域。

如何防止此行为？

Answer 1

你必须使用if if等条件语句进行一般性检查，并比较当前的Lat / Lng是否超出指定的边界（在你的情况下是一个世界的界限）。

我建议您查看此SO question，它可能会为您提供一些如何处理的线索。

Answer 2

找到一个很好的解决方案我想分享：

if (!allowedBounds.intersects(map.getBounds())) {
        map.panToBounds(allowedBounds);
     }

当整个屏幕离开界限时，它将返回初始设定界限（最小方式）。