路径动画
路径动画的功能十分强大,除了可以显示一条线表示路线以外,还可以将模型与图标点绑定在路径动画上,让其一直沿着路径动画移动。
如下图,在子组件列表中点击 “路径动画”可以进入路径动画子组件的相关设置。
数据项
路径动画子组件支持在数据项设置中传入数据,数据接口字段说明如下表:
字段 | 状态 | 说明 |
---|---|---|
pathId | 必传 | 用户自定义的路径动画ID,可以用来与其他的组件作交互绑定。同一路径下的坐标点需要保证pathId一致 |
lng | 选传 | 路径动画某个位置的经度 |
lat | 选传 | 路径动画某个位置的纬度 |
height | 选传 | 路径动画某个位置的高度 |
url | 选传 | 路径动画数据在线json文件链接地址 |
示例数据
[
{
"pathId": 1,
"lat": 26.56819,
"lng": 106.7145,
"height": 1200
},
{
"pathId": 1,
"lat": 26.56819,
"lng": 106.7245,
"height": 1200
},
{
"pathId": 1,
"lat": 26.56819,
"lng": 106.7345,
"height": 1200
},
{
"pathId": 1,
"lat": 26.55819,
"lng": 106.7145,
"height": 1200
}
{
"pathId": 2,
"url": "https://uniplore-source.oss-cn-chengdu.aliyuncs.com/bigscreen/City51/pathdonghua.json"
}
]
基本设置
- 环线:开启后路径动画的路线将会收尾相连。
- 显示路径:在场景中显示/隐藏路径。
- 沿路径运动:开启后模型、图标点会沿路径运动。
- 播放:当开启播放后,与路径所绑定的模型、图标点才能在路径上移动。
- 循环播放:开启/关闭循环播放。
- 视角跟随:开启后,相机视角会跟着路径在移动。
- 播放速度:与路径绑定的图标点、模型或者相机视角在路径上的运动速度。范围:[0,1000]
蓝图编辑器
事件
事件 | 说明 |
---|---|
当数据接口数据请求完成时 | 数据接口请求返回并经过过滤器处理后抛出的事件,同时抛出处理后的JSON格式的数据。具体数据示例请参见画布编辑器中组件右侧配置面板数据页签的数据响应结果区域。 |
路径加载完成时 | 当路径加载完成后,抛出所以路径的id数据信息,可以传入到模型或者图标点子组件中作两者之间的绑定。 |
动 作
动作 | 说明 |
---|---|
当请求数据接口 | 重新请求服务端数据,上游数据处理节点或图层节点抛出的数据将作为参数。例如折线阶梯图配置了API数据源为http://api.test,传到请求折线阶梯图接口动作的数据为{ id: '1'},则最终请求接口为http://api.test?id=1。 |
当导入数据接口 | 按组件绘制格式处理数据后,导入组件,重新绘制。不需要重新请求服务端数据。具体数据示例请参见画布编辑器中组件右侧配置面板数据页签的数据响应结果区域。 |
镜头飞入该组件 | 场景相机镜头会缓慢飞入该子组件的上方。 |
显示 | 在三维城市场景中显示该子组件 |
隐藏 | 在三维城市场景中隐藏该子组件 |
开启播放 | 与路径作好绑定的模型、图标点将在该路径上开始运动 |
停止播放 | 与路径作好绑定的模型、图标点将在该路径上停止运动 |
视角跟随 | 相机视角跟随路径运动 |