谷歌地图API v3:从拖动锁定区域

Google Maps API v3: lock area from dragging

本文关键字:拖动 锁定 区域 API v3 谷歌地图      更新时间:2023-09-26

我正在寻找一种方法来在Google Maps API v3中对该地区(在我的情况下:荷兰)进行边界划分,并阻止用户将地图拖到边界之外。我认为我需要的选项是在以下链接中描述的拖动(+)(结束、拖动等):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);

您只需要添加

draggable: false

在选项列表中