GeoODFaceEffectLayer

new Cesium.GeoODFaceEffectLayer(options)

动态立体墙特效图层类
Name Type Description
options Object optional 参数选项:
Name Type Default Description
effectType String optional 特效类型，值可以为"ODFaceArrow","ODFaceGradient","ODFaceColor"之一，默认值为“ODFaceColor”
effectTypeMapField String optional 特效类型映射字段，图层中的特效实体类型由指定的要素对象字段值决定
dataSource GeoDataSource optional 指定图层绑定的数据源
show Boolean optional 图层的可见性
maximumHeight Number optional 立体墙的顶面的高度值
maximumHeightMapField String optional 立体墙的顶面的高度值由指定字段值决定
minimumHeight Number optional 立体墙的底面的高度值
minimumHeightMapField String optional 立体墙的底面的高度值由指定字段值决定
image String optional 贴图纹理的路径
imageHeightMapField String optional 高度值由指定字段值决定
repeat Cesium.Cartesian2 new Cartesian2(1.0, 1.0) optional 纹理在x和y方向重复的次数
color Cesium.Color optional 应用到纹理上的颜色
colorMapField String optional 颜色值由指定字段值决定
brightness Number optional 亮度，值越大，则纹理越明亮
brightnessMapField String optional 亮度值由指定字段值决定
duration Number optional 用来决定动态立体墙动画速度的值，值越大，则速度越慢，反之则越快。不能为0
durationMapField String optional 速度值由指定字段值决定
axisY Boolean optional 纹理动画是否应用在y方向，如果设为false，则应用到x方向上
animation Boolean true optional 是否开启动画
gradient Boolean true optional 是否开启向上透明度渐变效果
hasLine Boolean true optional 是否绘制底部线条
gradient Boolean true optional 是否开启向上透明度渐变效果
selectedColor Color optional 选中的立体墙颜色
hoveredColor Color optional 鼠标悬停对应的立体墙颜色
Author:
  • zj
Example:
let effectLayer1 = new Cesium.GeoODFaceEffectLayer({
         effectType: "ODFaceGradient",
         show: true,
         maximumHeights:490,
         minimumHeights: 430,
         image: '/geomap-api/JsCesuimDemo/resource/images/gradient.png',
         repeat: new Cesium.Cartesian2(1.0, 5.0),
         duration: 3000,
         axisY: true,
         brightness: 1.0,
         animation: true,
         gradient: true
     });
     viewer.effectLayers.add(effectLayer1);
     effectLayer1.setData([
         {
             "type": "Feature",
             "properties": {
                 "name": "ODFace1",
             },
             "geometry": {
                 "type": "Polygon",
                 "coordinates":
                     [[[108.9583799, 34.2201376], [108.9583830, 34.2190062], [ 108.9603764, 34.2189657], [ 108.96033, 34.2201134], [ 108.9583799, 34.2201376]]]

             }
         }
     ]);
     viewer.camera.flyTo({
         destination : Cesium.Cartesian3.fromDegrees(108.9590863, 34.2201241, 1500.0)
     });
Demo:

Extends

Members

hoveredColor : Color

鼠标悬停对应的墙体颜色

hoveredFeature : Object

悬停选中的要素，同selectedFeature

selectedColor : Color

选中的墙体颜色

selectedFeature : Object

高亮操作。点击选中的要素，当设置该属性时，会根据该要素对相应的立体墙进行高亮

Methods

_checkSupportGeometryType(geometryType, supportGeometryType)

检查指定的几何类型是否为图层对象所支持
Name Type Description
geometryType String | Array.<String> 被检查的几何类型
supportGeometryType Array.<String> 支持的几何类型列表，如果为空则为本图层的supportGeometryType属性值

_getCoordinatesByfeature(featureObject)

从要素对象中生成节点坐标和墙体高度参数
Name Type Description
featureObject Object

addTo(map)

绑定到三维地图
Name Type Description
map viewer
Inherited From:

destroy()

销毁对象

getData()

获取图层数据
Inherited From:

getDataSource()

获取数据源
Inherited From:

hide()

隐藏图层

isInLayer(entity)

判断指定特效实体是否在图层中
Name Type Description
entity Object 特效实体对象

pickFeatures(pickedFeatures, windowPosition) → Object

拾取图层中的要素
Name Type Description
pickedFeatures Array 场景中被拾取的对象集合，需要在图层自己内部判断识别出属于自己的，并挂接上图层的属性信息
windowPosition Cartesian2 画布的二维坐标
Returns:
返回固定形态的结构数据
Example:
//返回结构参考样例
{
			eventType: ScreenSpaceEventType.LEFT_CLICK,
			originalLayer: GeoODFaceEffectLayer
			param:{
				info: pickedFeature,
				pickedInfos: pickedFeatureList
			}
		}

remove()

将图层从视图移除

removeDataSource()

移除数据源
Inherited From:

setData(features)

设置图层相关数据
Name Type Description
features Array.<Object> geojson要素数组
Example:
effectLayer1.setData([
         {
             "type": "Feature",
             "properties": {
                 "name": "ODFace1",
             },
             "geometry": {
                 "type": "Polygon",
                 "coordinates":
                     [[[108.9583799, 34.2201376], [108.9583830, 34.2190062], [ 108.9603764, 34.2189657], [ 108.96033, 34.2201134], [ 108.9583799, 34.2201376]]]

             }
         }
     ]);

setDataSource(dataSource)

设置数据源
Name Type Description
dataSource GeoDataSource
Inherited From:

show()

显示图层