【Cesium 基礎】ImageryProvider 服務

官方api
相關示例

1. 內置API

1 ArcGisMapServerImageryProvider
支持ArcGIS Online和Server的相關服務
2 IonImageryProvider
Cesium Ion 在線服務
3 createOpenStreetMapImageryProvider
OSM影像服務，根據不同的url選擇不同的風格
4 createTileMapServiceImageryProvider
看文檔是根據MapTiler規範，貌似是可以自己下載瓦片，發佈服務，類似ArcGIS影像服務的過程 
5 GridImageryProvider
渲染每一個瓦片內部的格網，瞭解每個瓦片的精細度
6 MapboxImageryProvider
Mapbox影像服務，根據mapId指定地圖風格
7 SingleTileImageryProvider
單張圖片的影像服務，適合離線數據或對影像數據要求並不高的場景下
8 TileCoordinatesImageryProvider
渲染每一個瓦片的圍，方便調試
9 UrlTemplateImageryProvider
指定url的format模版，方便用戶實現自己的Provider，比如國內的高德，騰訊等影像服務，url都是一個固定的規範，都可以通過該Provider輕鬆實現。而OSM也是通過該類實現的。
10 WebMapServiceImageryProvider
符合WMS規範的影像服務都可以通過該類封裝，指定具體參數實現
11 WebMapTileServiceImageryProvider
服務WMTS1.0.0規範的影像服務，都可以通過該類實現，比如國內的天地圖

2. 加載高德地圖

this.viewerLayers = this.viewer.imageryLayers;
let layer = new Cesium.UrlTemplateImageryProvider({
   url: "https://webst0{s}.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
   subdomains: ["1", "2", "3", "4"]
});
this.viewerLayers.addImageryProvider(layer);

3. 加載本地wms服務

this.viewerLayers = this.viewer.imageryLayers;
let layer = new Cesium.WebMapServiceImageryProvider({
    url: "http://localhost:8080/geoserver/topp/wms",
    layers: "topp:states",
    proxy: new Cesium.DefaultProxy("/proxy/")
});
this.viewerLayers.addImageryProvider(layer);

4. 加載離線切片服務

//需要在根目錄下有tilemapservice.xml文件，可以通過切片下軟件生成，具體可以看 參考資料2
this.viewerLayers = this.viewer.imageryLayers;
let layer = new Cesium.createTileMapServiceImageryProvider({
    url: "本地離線切片服務地址"
});
this.viewerLayers.addImageryProvider(layer);

參考資料
[1]http://blog.sina.com.cn/s/blog_15e866bbe0102xmo5.html
[2]https://www.jianshu.com/p/7b5476d8a7f6
[3]https://www.jianshu.com/p/1bde8a358955

---

更多內容，歡迎關注公衆號