通用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格式,上传后开启支持透明的配置项。

数据

接入的数据源对这个子组件来说没有意义。

交互

回调和自定义事件

暂无

自定义动作

暂无


400-8505-905复制
免费试用
在线咨询
微信社区
易知微-数据可视化
微信扫一扫入群