SuperMap iClient3D for WebGL教程（影像篇）-ImageryLayer

最新推荐文章于 2025-06-13 16:00:41 发布

原创最新推荐文章于 2025-06-13 16:00:41 发布 · 1.2w 阅读

4 ·

CC 4.0 BY-SA版权

本文为博主原创文章，欢迎转载，SuperMap技术问答社区 http://ask.supermap.com

三维GIS 专栏收录该内容

427 篇文章

订阅专栏

本文详细介绍了Cesium中ImageryLayer与ImageryProvider的区别，ImageryLayer的参数调整方法，包括透明度、亮度、对比度等，以及如何通过不同方式获取和展示ImageryLayer。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

作者：为梦齐舞

本文同步更新于简书文章https://www.jianshu.com/p/cc38d1cc2d7e

上诉文章中介绍了很多关于ImageryProvider的例子，接下来我们一起了解下ImageryLayer。
一、ImageryProvider与ImageryLayer的区别
通常我们创建一个ImageryProvider是为了创建一个ImageryLayer显示数据，ImageryProvider类似于超图中数据集的概念，他设定了显示何种类型的数据，或者说是去请求某种特定服务的切片，是数据的提供者；ImageryLayer类似于超图中的图层的概念，他只是ImageryProvider的一个容器，用于展示数据。这样也就是说，一个ImageryProvider可以对应多个ImageryLayer；而一个ImageryLayer对应一个ImageryProvider，是一对多的关系。
二、ImageryLayer参数介绍

1、我们可以通过修改属性值alpha（图层透明度值）、brightness（图层亮度值）、contrast（图层对比度）、hue（图层色调）、saturation（图层饱和度）、gamma（图层伽马校正）等属性可以修改可视化效果
2、通过show参数控制图层是否显示
3、当我们需要将影像中某种颜色进行透明化时，我们可以设置transperantBackColor 透明色参数；并且配合transperantBackColorTolerance 透明色容限一起使用，取值范围为0.0~1.0。0.0表示完全透明，1.0表示完全不透明。达到需要的透明效果
4、当我们需要使用到卷帘对比时，可以使用splitDirection 设置分割条方向，并且通过viewer.scene.imagerySplitPosition设置分隔条的位置参数。
三、ImageryLayer获取方式
1、我们可以通过ImageryProvider创建图层，获取ImageryLayer

///定义图层
var imageryLayer = new Cesium.ImageryLayer( new Cesium.SuperMapImageryProvider({
		    url : ‘http://localhost:8090/iserver/services/datas/China’
     }));
///添加到场景中
viewer.imageryLayers.add(imageryLayer);

2、通过addImageryProvider方法直接添加获取

var imageryLayer = viewer.imageryLayers.addImageryProvider(new Cesium.SingleTileImageryProvider({
            url : './images/xxxxxx.jpg'
        }));

3、通过viewer.imageryLayers 获取

var imageryLayer =viewer.imageryLayers.get(索引值);

四、调整参数后的影像效果