ArcGIS API for JavaScript 入門教程[5] 再講數據——Map類之底圖與高程

【回顧】前4篇交代了JsAPI的背景、資源如何獲取，簡介了數據與視圖分離的概念與實現，剖析了頁面的大骨架。

這篇開始，講Map類。

轉載注明出處，博客園/CSDN/B站/知乎：秋意正寒

目錄：https://www.cnblogs.com/onsummer/p/9080204.html

1. Map類的屬性與方法

Map類繼承自Accessor，有子類WebMap , WebScene。

這玩意兒是什么？通俗說，Map就是一張地圖，它屬於數據部分，需要用視圖展示它。

視圖，在jsAPI中，就是View，它負責把Map描繪出來，用WebGL的手段。

那么，Map類如何組織數據呢？用圖層。對，圖層，Layer！（至於Layer那是后話了，我們先談Map數據的組織）

所以，你看到的很多Map類的方法，都是控制圖層的。

屬性	方法
ground：高程，Ground類型 basemap：底圖，Basemap類型 allLayers：全部平面圖層，Collection類型 layers：全部可操作圖層，Coolection類型	add()：添加一個圖層，可指定圖層位置 addMany()：添加多個圖層，可指定位置 findLayerById()：根據ID尋找圖層 remove()：移除指定圖層 removeAll()：移除全部圖層 removeMany()：移除多個圖層 reorder()：對某個圖層進行重排序（id變換）

 

 

 

 

 

 

 

方法都很簡單，自行查閱官方API就知道怎么寫了，我重點講一下屬性，尤其是ground屬性、basemap屬性。

有人說為什么不講layers和allLayers？圖層固然是Map的組成，但是這里是說Map，數據的承載體——Layer，還要等到下篇再說。

2. 屬性：basemap詳解

這個詞直譯是基礎地圖，我通俗地翻譯為底圖。就是最底下的圖，像桌布一樣。

2.1 Basemap類

本質上，basemap還是圖層。

basemap是Basemap類型的，Basemap類型的對象是如何創建的呢？

當然還是由服務器上的各種數據服務創建的，查閱Basemap的構造器，其實basemap就是一堆堆的“layer”組成的。

如果需要自定義底圖，可以深入研究研究Basemap類如何實例化。

2.2 預置basemap

如果對自定義底圖沒什么功夫，其實可以直接用官方給的預置圖層，只需將basemap屬性賦予幾個預置的字符串即可。

例如：

var map = new Map(
    {
        basemap: "streets",
        ground: "world-elevation"
    }
);

basemap就指定為街道圖了（打開好像是OpenStreetMap）

官方預置了十幾種底圖，有興趣可以去看看。

3. 屬性：ground詳解

這單詞直譯是地面，形象翻譯為高程。與底圖一樣，允許你使用字符串的方式，使用官方給的預置世界高程信息。

如果有更精確的或者符合自己坐標系需要的高程信息，這可能就需要通過實例化Ground對象來賦值了。

實際上，Ground類，也是由圖層構成的。

它是由服務器上的高程影像服務組成的，前端這邊叫高程圖層——ElevationLayer類。

例如：

var worldElevation = ElevationLayer({
  url: "//elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer"
});
var customElevation = ElevationLayer({
  url: "http://my.server.com/arcgis/rest/service/MyElevationService/ImageServer"
});
var map = new Map({
  basemap: "topo",
  ground: new Ground({
   layers: [ worldElevation, customElevation ]
  })
});

4. 總結

實際上，Map就是個圖層容器，只不過官方對各種圖層的功能進行了分類。

底圖做底，高程作高度信息，還有其他的圖層，展示各種地理信息，構成了三層式體系。

下一節，我就簡單說說“其他的圖層”，有哪些，怎么創建，這可能要提及服務端了。

 

plus：要斷更比較長的時間，暫時把這個寫上，見諒。