vue 2.x+webpack+cesium1.64详解（4）：图层Imagery

目录

一、概述

二、支持的图层格式

三、获取到图层对象

四、图层操作

3.1 添加图层

3.2 移除图层

---

---

一、概述

Imagery（图层）是Cesium应用程序中一个重要概念，毕竟系统离不开空间数据。瓦片图集合根据不同的投影方式，映射到虚拟的三维数字地球表面。依赖于相机指向地表的方向和距离，Cesium会去请求和渲染不同层级的图层详细信息。

二、支持的图层格式

• wms
• TMS
• WMTS
• ARCGIS
• Bing Maps
• google earth
• mapbox
• openStreetMap

三、获取到图层对象

通过viewer.imageryLayers获取

四、图层操作

3.1 添加图层

主要代码：

viewer.imageryLayers.addImageryProvider();

新建一个ImageryProvider对象通过addImageryProvider方法添加到viewer.imageryLayers中

详见官网地址：http://cesium.xin/cesium/cn/Documentation1.62/ImageryProvider.html

• 添加arcgis的mapserver

viewer.imageryLayers.addImageryProvider(new Cesium.ArcGisMapServerImageryProvider({
    url : 'http://123.1.4.16:6080/arcgis/rest/services/XZQHJJXFSBZ/MapServer'
 }));

• 添加WMS服务

var provider = new Cesium.WebMapServiceImageryProvider({
    url : 'https://sampleserver1.arcgisonline.com/ArcGIS/services/Specialty/ESRI_StatesCitiesRivers_USA/MapServer/WMSServer',
    layers : '0',
    proxy: new Cesium.DefaultProxy('/proxy/')
});

viewer.imageryLayers.addImageryProvider(provider);

•  

3.2 移除图层

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