通用3D-围栏子组件
围栏子组件可以在3D场景圈出一块区域,用来突出显示某个范围。效果如下所示:
可在配置项中上传geojson文件来定义围栏的范围。
配置项
形状
高度
设置围栏的高度。是世界坐标下的数值。
数据
上传geojson文件,以此来生成围栏的边界范围。
geojson的geometry的type必须是以下四种之一:
- LineString
- MultiLineString
- Polygon
- MultiPolygon
其中Polygon和MultiPolygon时,只会只用多边形的边界作为围栏,而并不会填充颜色,等价于LineString。
除了geometry下的内容外,其他部分的数据(例如properties的内容),对这个子组件没有任何作用。
geojson数据的地理坐标系必须是WGS84(EPSG-4326)。
样式
支持透明
勾选此项则可以渲染出半透明的效果。如果不需要半透明效果,则必须关闭此项,否则容易出现渲染中的遮挡关系错误。关于半透明渲染的理论知识,可以参见《3D知识-效果篇》中半透明渲染的部分。
叠加混合
勾选后渲染时与背景色的混合模式为叠加,不勾选则混合模式为正常。 参见《通用配置项》中的叠加混合部分。
类型
可设置两种围栏的样式类型:默认和自定义。
默认样式
默认就是使用默认的样式,由渐变的背景色和一条线组成。效果如下:
颜色
设置背景的颜色,可以支持渐变色。如果设置了半透明颜色,需要开启支持透明的配置项。
线条
线条有一个向上移动的动画,这个动画是循环播放的。
- 颜色:设置线条的颜色
- 粗细:设置线条的粗细。数值范围是0到1,是相对于整个围栏的高度而言的比例值。
- 动画时长:完成一轮动画需要的时间,单位是秒。
- 动画间隔:每轮动画播放的间隔,单位是秒。
自定义样式
自定义就是可以上传视频作为围栏的样式。
Tint颜色
设置Tint颜色,关于Tint颜色的概念,可以参见《3D知识-效果篇》中Tint颜色的部分。
视频
上传视频文件,作为围栏的纹理。视频中的画面将会在水平方向上平铺满整条围栏,而在垂直方向则会拉伸到围栏的高度。
如果要实现半透明的效果,需要制作带透明通道的视频,输出成webm格式,上传后开启支持透明的配置项。
数据
接入的数据源对这个子组件来说没有意义。
交互
回调和自定义事件
暂无
自定义动作
暂无