腾讯地图关于限制地图的显示范围和缩放级别总结

时间:2024-04-15 20:08:36

这个可以在初始化地图的时候使用(有误求指出)

 // 先声明地图需要的变量
 var searchService,markers = [],lables = [],markerIndex=0,map,circles = [];
 //初始化地图函数  自定义函数名init
 function initMap(con) {
     //定义map变量 调用 qq.maps.Map() 构造函数   获取地图显示容器
     //center1为地图的中心点
     var center1 = new qq.maps.LatLng(xxx,yyy);

     //ne表示northeast东北方向的点,sw表示southwest西南方向的点
     var ne = new qq.maps.LatLng(31.156408,123.376465);
     var sw = new qq.maps.LatLng(26.125850,116.499023);
            
     map = new qq.maps.Map(document.getElementById(con), {
         center: center1, 
         //minZoom设置地图最小的缩放级别
         //maxZoom设置地图最大的缩放级别
         minZoom:8, 
         //boundary用来控制地图显示的范围
         //new qq.maps.LatLngBounds(southwest,northeast)
         boundary:new qq.maps.LatLngBounds(sw,ne);
         //zoom为地图目前的缩放级别
         zoom:9                                              
     });
    
     //调用Poi检索类
     searchService = new qq.maps.SearchService({
         map:map
     });

        ...
  }

总结:

1.限制地图的显示范围

一般导入地图之后,通过拖拽或者放大,能看到全世界。

如果想控制地图的范围,让地图即使进行拖拽或者缩放,显示的范围也是固定,

那么就要设置boundary值。(northeast:东北方向的点,southwest:西南方向的点)

...
boundary:new qq.maps.LatLngBounds(southwest,northeast)
...

2.限制缩放级别

通过设置minZoom(地图最小的缩放级别)和maxZoom(地图最大的缩放级别),

来控制地图的缩放。