Google map地图限制显示区域、拖拽范围

奋斗小牛

于 2019-07-23 13:46:54 发布

阅读量2.5k

点赞数

分类专栏：地图文章标签： google map

本文链接：https://blog.csdn.net/FORLOVEHUAN/article/details/96988466

版权

地图专栏收录该内容

2 篇文章

订阅专栏

根据坐标限制显示区域、限制地图拖拽范围

function moveLimit(){
	var strictBounds = new google.maps.LatLngBounds(
	new google.maps.LatLng(36.54539,120.02950), //左下
	new google.maps.LatLng(36.41766,120.16442)//右上
	);
	google.maps.event.addListener(map,'dragend',function(){
	if (strictBounds.contains(map.getCenter()))return;  
	var c = map.getCenter(),x = c.lng(),y = c.lat(),maxX = strictBounds.getNorthEast().lng(),maxY = strictBounds.getNorthEast().lat(),minX = strictBounds.getSouthWest().lng(),minY = strictBounds.getSouthWest().lat();
	if(x <minX)x = minX;
	if(x> maxX)x = maxX;
	if(y <minY)y = minY;
	if(y> maxY)y = maxY; 
	map.setCenter(new google.maps.LatLng(y,x));
	});
}