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

比眉伴天荒 2021-07-24 18:50 474阅读 0赞

**目录**

一、概述

二、支持的图层格式

三、获取到图层对象

四、图层操作

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][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));

[http_cesium.xin_cesium_cn_Documentation1.62_ImageryProvider.html]: http://cesium.xin/cesium/cn/Documentation1.62/ImageryProvider.html