google-maps - 谷歌地图 API V3 : limit map bounds

Question

这个问题已经有答案了:

How do I limit panning in Google maps API V3? (15 个回答)

已关闭 8 年前。

我正在尝试设置可以使用 Google Maps API V3 拖动 map 的范围这是V2的解决方案http://econym.org.uk/gmap/example_range.htm效果非常好。

但是对于 API V3 来说，情况不太好:当您使用相同的 checkbounds() 函数时，当您到达边界时 map 会抽搐，而 map.setCenter() 会更改 map 的中心。

如何解决？ API V3的解决方案是什么？

Answer 1

我也遇到了同样的问题，但这应该可以解决它(这是相同的功能，要监听的事件从“移动”或“拖动”更改为“center_changed”，效果就像一个魅力!:

google.maps.event.addListener(map,'center_changed',function() { checkBounds(); });

function checkBounds() {    
    if(! allowedBounds.contains(map.getCenter())) {
      var C = map.getCenter();
      var X = C.lng();
      var Y = C.lat();

      var AmaxX = allowedBounds.getNorthEast().lng();
      var AmaxY = allowedBounds.getNorthEast().lat();
      var AminX = allowedBounds.getSouthWest().lng();
      var AminY = allowedBounds.getSouthWest().lat();

      if (X < AminX) {X = AminX;}
      if (X > AmaxX) {X = AmaxX;}
      if (Y < AminY) {Y = AminY;}
      if (Y > AmaxY) {Y = AmaxY;}

      map.setCenter(new google.maps.LatLng(Y,X));
    }
}