Google Maps API v3：从拖动中锁定区域

Question

我正在寻找一种方法来在 Google Maps API v3 中与该区域（在我的例子中：荷兰）建立边界，并阻止用户将地图拖到边界之外。我认为我需要的选项是以下链接中描述的 drag(+)(end,ging 等)：https://developers.google.com/maps/documentation/javascript/reference。已经找到了很多示例，但它们似乎不适合我的代码。这是 API 的 javascript 部分：

function initialize() {
var mapOptions = {

zoom: 1,                                                //zoomValue                                                 
minZoom: 7,                                             //minimumValue zoom    
center: new google.maps.LatLng(52.088282, 5.477124),    //position center map (geoLocation)
mapTypeControl: true,                                   //mapType (cart/satelite)
mapTypeControlOptions: {
    style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
    position: google.maps.ControlPosition.TOP_CENTER
},
panControl: false,                                      //panControl (moveLeft/moveUp/moveRight/moveDown)
panControlOptions: {
    position: google.maps.ControlPosition.TOP_RIGHT
},
zoomControl: true,                                      //zoomControl (zoomIn/zoomOut)
zoomControlOptions: {
    style: google.maps.ZoomControlStyle.LARGE,
    position: google.maps.ControlPosition.TOP_LEFT
},
scaleControl: true,                                     //scaleControl
streetViewControl: true,
streetViewControlOptions: {
    position: google.maps.ControlPosition.TOP_LEFT
    }
}

var map = new google.maps.Map(document.getElementById('map-canvas'),
                            mapOptions);
}

google.maps.event.addDomListener(window, 'load', initialize);

Answer 1

你只需要添加

draggable: false

在选项列表中