騰訊地圖關於限制地圖的顯示范圍和縮放級別總結


這個可以在初始化地圖的時候使用(有誤求指出)

 // 先聲明地圖需要的變量
 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(地圖最大的縮放級別),

來控制地圖的縮放。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM