背景

前段時間在公司專案中遇到一個問題，地圖底圖區域只有一部分範圍，超出當前範圍會顯示白底，使用效果來說非常的不好，伴隨著的需求便是地圖縮小、滑鼠移動地圖超出底圖的顯示範圍則需要底圖回彈。

效果

思路

1、arcgis.js控制其顯示範圍，在超出底圖顯示範圍時自動彈回來
（1）地圖建立完成之後使用監聽事件監聽地圖範圍改變呼叫shwoExtent方法，該方法會傳一個地圖的左上角和右下角的值

this.gisMap.on('extent-change',this.showExtent)

（2）根絕判斷地圖的最大顯示範圍 full extent來判斷當前地圖顯示範圍是否超出地圖可視範圍，當超出範圍則顯示地圖的最大範圍，地圖回彈

程式碼片

// An highlighted block
let fullExtent={
    xmin: xx,ymin: xx,xmax: xx,ymax: xx,}
showExtent(extS){
   let ext=extS.extent;  
    if(ext.xmin<this.fullExtent.xmin||ext.xmax>this.fullExtent.xmax||ext.ymax>this.fullExtent.ymax||ext.ymin<this.fullExtent.ymin){
    let fullExtent = new esri.geometry.Extent(
     {
      ...this.fullExtent,spatialReference:new esri.SpatialReference({ wkid: parseInt(4490) })//SpatialReference設定地圖座標系
     }
    );
    this.gisMap.setExtent(fullExtent);
   }
  },

參考文件：https://developers.arcgis.com/javascript/3/jsapi/extent-amd.html

注意：在查閱文件時需要知道專案中使用的是什麼版本的arcgis.js

到此這篇關於arcgis.js控制地圖地體的顯示範圍超出區域自動彈回的文章就介紹到這了,更多相關arcgis.js地圖顯示範圍內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！