美文网首页
SuperMap iClient3D for WebGL教程(影

SuperMap iClient3D for WebGL教程(影

作者: 为梦齐舞 | 来源:发表于2019-04-01 11:56 被阅读0次

    上诉文章中介绍了很多关于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(索引值);
    

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


    影像效果

    相关文章

      网友评论

          本文标题:SuperMap iClient3D for WebGL教程(影

          本文链接:https://www.haomeiwen.com/subject/sbwmbqtx.html