Javascript Google Maps v3-限制合作伙伴的边界

我想限制使用lat&Lng co ords之间的界限，如果co ords达到界限，那么地图不应该是可拖动的

除了我的styedMap（变量）之外，脚本还可以正常加载。然而，我似乎无法将这个代码片段合并到我自己的代码片段中

注意：IF语句只检查数据属性是否存在，因此调用代码

function area_page_map() {
    var mapOptions = {
        center:             new google.maps.LatLng(51.5697317,-1.7923051),
        minZoom:            11,
        maxZoom:            20,
        zoom:               11,
        scrollwheel:        false,
        scaleControl:       false,
        streetViewControl:  false,
        mapTypeControl:     false,
        mapTypeId:          google.maps.MapTypeId.ROADMAP
    };

    var allowedBounds = new google.maps.LatLngBounds(
         new google.maps.LatLng(51.4380251,-2.047586), 
         new google.maps.LatLng(51.6556491,-1.6716272)
    );

    var lastValidCenter = map.getCenter();

    google.maps.event.addListener(map, 'center_changed', function() {
        if (allowedBounds.contains(map.getCenter())) {
            lastValidCenter = map.getCenter();
            return; 
        }

        // not valid anymore => return to last valid position
        map.panTo(lastValidCenter);
    });

    var map = new google.maps.Map(document.getElementById("area__map"), mapOptions);

      // Associate the styled map
      map.mapTypes.set('area__map', styledMap);
      map.setMapTypeId('area__map');
}

if ( $area__page__map.length ){
    google.maps.event.addDomListener(window, 'load', area_page_map);
}

如果还有一种方法在满足边界时触发函数，那就太好了。。例如，地图包装器红色边框

---

-非常感谢

我在您的代码中没有看到任何限制地图范围的内容。你尝试了什么不起作用？我已经更新了代码，地图加载很好。但是，它不会拖动。我不确定边界是否锁定了我，或者我将其错误地合并。感谢您检查它，我必须解决另一个函数问题。。最初的需要是为承包工作划定界限。然而，如果一个访问者滚动进来，屏幕上会有更多可见的地图吗？因为作业半径会无意中增加。@geocodezip我已删除另一个地图，并发现一个错误=未捕获的TypeError:无法读取未定义的属性“getCenter”。知道我为什么会得到这个吗？