功能描述
在 LocationTrajectoryView.vue 中增加"播放"按钮,按时间顺序逐步绘制轨迹线并弹出对应照片缩略图,类似 Google Maps 的时间轴回放功能。
实现思路
- 后端
get_timeline_nodes 已按时间排序返回节点数据,无需新增 API
- 前端用
requestAnimationFrame + 天地图 Polyline.setStyle 逐段绘制轨迹线
- 播放时在当前节点位置弹出照片缩略图气泡,自动前进到下一节点
- 提供播放/暂停、速度调节(1x/2x/4x)、进度条拖拽功能
- 移动端可自动播放,触控暂停
优先级
高 — 现有数据和组件最完备,只需加播放逻辑,视觉冲击力强,用户粘性高
功能描述
在
LocationTrajectoryView.vue中增加"播放"按钮,按时间顺序逐步绘制轨迹线并弹出对应照片缩略图,类似 Google Maps 的时间轴回放功能。实现思路
get_timeline_nodes已按时间排序返回节点数据,无需新增 APIrequestAnimationFrame+ 天地图Polyline.setStyle逐段绘制轨迹线优先级
高 — 现有数据和组件最完备,只需加播放逻辑,视觉冲击力强,用户粘性高