通用3D-飞线子组件

飞线可以用来用来表现两个点位之前的关系。两点之间用抛物线连接,并且有流光动画来表现指向性。

飞线子组件可以有多条抛物线,每条抛物线有两个组成部分:飞线部分底线。飞线部分是表面一层会循环流动的那部分,底线是在底部保持不变的部分。如下图所示:

为了区分,下文中把子组件飞线叫做飞线子组件,把飞线子组的某个部分叫做飞线部分

配置项

基础设置

层级序号

参见《通用配置项说明》中的子组件的层级序号部分

自动排序

参见《通用配置项说明》中的子组件的自动排序部分

样式配置

支持透明

勾选此项则可以渲染出半透明的效果。如果不需要半透明效果,则必须关闭此项,否则容易出现渲染中的遮挡关系错误。关于半透明渲染的理论知识,可以参见《3D知识-效果篇》中半透明渲染的部分

叠加混合

勾选后渲染时与背景色的混合模式为叠加,不勾选则混合模式为正常。 参见《通用配置项》中的叠加混合部分

飞线样式

设置飞线部分的样式。

飞线长度

设置飞线部分的长度。它是一个0到1之间比例值,0表示是长度为0,1表示它的长度与整条抛物线的长度一致,其它数值则线性插值。

高度

设置抛物线的高度,它是一个世界坐标系下的数值。

颜色

设置飞线部分的颜色,渐变颜色的从右到左对应了飞线部分从头到尾的颜色。一般设置渐变颜色,并且开头的颜色设置较高的透明度,末尾的颜色透明度较低(或者设置为0),这样有一种拖尾的感觉。

粗细

设置整条抛物线的粗细,而不只是飞线部分,是一个世界坐标系下的数值。实际上它的数值乘以2才是实际渲染的抛物线粗细。

底线样式

设置底线的样式,关闭此项则不显示底线。

颜色:设置底线的颜色。飞线部分的颜色如果是半透明的,则会与底线颜色叠加。

动画配置

设置动画的参数,动画是飞线部分的流动动画,默认开启并且一直循环播放。

飞线时间

设置一轮流动动画的持续时间,以此可以控制流动的速度。单位是秒。

发射间隔时间

一轮动画结束后,间隔多久才开始播放下一轮动画。单位是秒。

模拟随机

勾选此项,则同一个飞线子组件的多条抛物线会延迟一个时间才开始播放流动动画;不勾选则所有抛物线都同时播放流动动画。所有抛物线都同时播放流动动画会有一种机械感、不自然感。所以一般勾选此项,可以制造一些随机的延迟感,使得多条抛物线的流动变得错落有致。

数据

数据可以定义多条抛物线的起始点结束点,结合配置项中的高度可以完整地定义出一条抛物线。起始点结束点是经纬度的点位。

数据源中支持接入一个数组,数组的每个元素都是一个对象,每个对象有4个字段,这些的字段的功能分别是:

  • fromLng:单条抛物线的起始点的经度
  • fromLat:单条抛物线的起始点的纬度
  • toLng:单条抛物线的结束点的经度
  • toLat:单条抛物线的结束点的纬度
[
  {
  	"fromLng": 120.227959,
  	"fromLat": 30.213772,
  	"toLng": 121.046381,
  	"toLat": 29.200576
	}
]

数组中的每个对象都会生成一条抛物线实例。

交互

回调和自定义事件

暂无

自定义动作

暂无

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