如何制作谷歌地图不离开世界边界？答案

【问题标题】：How to make a google map not to leave world bounds?如何制作谷歌地图不离开世界边界？
【发布时间】：2015-06-20 01:09:57
【问题描述】：

我想知道如何制作一个不离开世界边界的谷歌地图，就像谷歌地图网站本身一样。我正在使用 javascript google map api v3，这是我的地图选项：

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

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

如何防止这种行为？

【问题讨论】：

【解决方案1】：

您必须使用 if...else 之类的条件语句进行一般检查，并比较当前 Lat/Lng 是否超出指定边界（在您的情况下这是一个世界范围）。

我建议您查看此SO question，它可能会为您提供一些有关如何进行操作的线索。

【讨论】：

【解决方案2】：

找到了一个不错的解决方案，我想分享：

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

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

【讨论】：