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

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

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

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

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

支持的圖層格式ide

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

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

默認地,Cesium使用Bing Maps做爲默認的圖層。這個圖層被打包進Viewer中用於演示。Cesium須要您本身建立ion account而後生成一個access key用於訪問圖層數據。idea

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

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

  1. 點擊「Add to my assets」。Sentinel-2將在你我的用戶中的asset列表(My Assets)中出現,此時將在我的的app中圖層數據源變得可用。
  2. 代碼級別:咱們建立一個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的時候會看到以下圖層:
.net

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

Cesium中文網交流QQ羣:807482793

本文由 admin 創做,採用 知識共享署名 3.0 中國大陸許可協議 進行許可。 可自由轉載、引用,但需署名做者且註明文章出處。
相關文章
相關標籤/搜索