首页 > 代码库 > 腾讯地图关于限制地图的显示范围和缩放级别总结

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

2024-11-10 17:33:39   203人阅读

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

 // 先声明地图需要的变量
 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（地图最大的缩放级别），

来控制地图的缩放。

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


联系
我们