Cesium入門6 - Adding Imagery - 添加圖層

Cesium入門6 - Adding Imagery - 添加圖層

Cesium中文網:http://cesiumcn.org/ | 國內快速訪問:http://cesium.coinidea.com/javascript

Cesium應用程序另外一個關鍵元素是Imagery(圖層)。瓦片圖集合根據不一樣的投影方式映射到虛擬的三維數字地球表面。依賴於相機指向地表的方向和距離,Cesium會去請求和渲染不一樣層級的圖層詳細信息。html

多種圖層可以被添加、移除、排序和適應到Cesium中。java

Cesium提供了一系列方法用於處理圖層,好比顏色自適應,圖層疊加融合。一些樣例代碼以下:app

Cesium提供了各類**接口**支持各樣的圖層數據源。ide

支持的圖層格式ui

  1. wms
  2. TMS
  3. WMTS (with time dynamic imagery)
  4. ArcGIS
  5. Bing Maps
  6. Google Earth
  7. Mapbox
  8. OpenStreetMap

注意:不一樣的數據源須要不一樣的認證 - 須要確保本身可以有權限訪問到這些數據源,天然地須要註冊特定的認證才能夠idea

默認地,Cesium使用Bing Maps做爲默認的圖層。這個圖層被打包進Viewer中用於演示。Cesium須要您本身建立**<a href="/topic/153.html" target="_blank">ion account</a>**而後生成一個access key用於訪問圖層數據。code

在接下來的例子中,將使用Cesium ion中的Sentinel-2圖層。htm

  1. 去Cesium ion頁面,將Sentinel-2圖層加入到本身的assets中。點擊在導航欄中點擊「Asset Depot」 排序

  2. 點擊「Add to my assets」。Sentinel-2將在你我的用戶中的asset列表(My Assets)中出現,此時將在我的的app中圖層數據源變得可用。

  3. 代碼級別:咱們建立一個IonImageryProvider,將assetId傳給對應的Sentinel-2圖層。而後咱們將ImageryProvider添加到viewer.imageryLayers

// Remove default base layer
viewer.imageryLayers.remove(viewer.imageryLayers.get(0));

// Add Sentinel-2 imagery
viewer.imageryLayers.addImageryProvider(new Cesium.IonImageryProvider({ assetId : 3954 }));

基於上述的代碼,咱們的Cesium應用程序在縮進zoom in的時候會看到以下圖層:

關於圖層的更多信息:請訪問Imagery Layers Tutorial

Cesium中文網交流QQ羣:807482793

Cesium中文網:http://cesiumcn.org/ | 國內快速訪問:http://cesium.coinidea.com/

相關文章
相關標籤/搜索