javascript - 谷歌地图 API v3 : lock area from dragging

Question

我正在寻找一种方法来在 Google Maps API v3 中为该区域(在我的例子中为荷兰)设置边界，并阻止用户将 map 拖出边界。我认为我需要的选项是以下链接中描述的 drag(+)(end,ging etc.):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

在选项列表中