Skip to content

feat(location): 轨迹回放动画 — 按时间顺序动态绘制旅行轨迹并弹出照片 #56

Description

@LC044

功能描述

LocationTrajectoryView.vue 中增加"播放"按钮,按时间顺序逐步绘制轨迹线并弹出对应照片缩略图,类似 Google Maps 的时间轴回放功能。

实现思路

  • 后端 get_timeline_nodes 已按时间排序返回节点数据,无需新增 API
  • 前端用 requestAnimationFrame + 天地图 Polyline.setStyle 逐段绘制轨迹线
  • 播放时在当前节点位置弹出照片缩略图气泡,自动前进到下一节点
  • 提供播放/暂停、速度调节(1x/2x/4x)、进度条拖拽功能
  • 移动端可自动播放,触控暂停

优先级

高 — 现有数据和组件最完备,只需加播放逻辑,视觉冲击力强,用户粘性高

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions