Javascript 谷歌地图API v3:通过拖动锁定区域
我正在寻找一种在GoogleMapsAPIv3中划定该地区边界(在我的例子中是荷兰)的方法,并阻止用户将地图拖到边界之外。我认为我需要的选项是拖动(+)(结束、旋转等),如下链接所述:。已经找到了很多示例,但它们似乎不适合我的代码。以下是API的javascript部分:Javascript 谷歌地图API v3:通过拖动锁定区域,javascript,google-maps-api-3,drag,Javascript,Google Maps Api 3,Drag,我正在寻找一种在GoogleMapsAPIv3中划定该地区边界(在我的例子中是荷兰)的方法,并阻止用户将地图拖到边界之外。我认为我需要的选项是拖动(+)(结束、旋转等),如下链接所述:。已经找到了很多示例,但它们似乎不适合我的代码。以下是API的javascript部分: function initialize() { var mapOptions = { zoom: 1, //zoomValue
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
在选项列表中嗯,也许我不够清楚。那我就不能拖进那个区域,这就是我的意思。只有当我试图离开边界时,它才会停止拖拽。谢谢你找到办法了吗?