feat(location): 轨迹回放动画 — 按时间顺序动态绘制旅行轨迹并弹出照片
Open
Nobody has claimed this yet.
enhancement
status: pending-review
- Dominant language
- Python
- Stars
- 739
- Forks
- 97
- Avg merge
- 10h 3m
- Merged PRs (30d)
- 82
Description
功能描述
在 LocationTrajectoryView.vue 中增加"播放"按钮，按时间顺序逐步绘制轨迹线并弹出对应照片缩略图，类似 Google Maps 的时间轴回放功能。
实现思路
- 后端
get_timeline_nodes已按时间排序返回节点数据，无需新增 API - 前端用
requestAnimationFrame+ 天地图Polyline.setStyle逐段绘制轨迹线 - 播放时在当前节点位置弹出照片缩略图气泡，自动前进到下一节点
- 提供播放/暂停、速度调节（1x/2x/4x）、进度条拖拽功能
- 移动端可自动播放，触控暂停
优先级
高 — 现有数据和组件最完备，只需加播放逻辑，视觉冲击力强，用户粘性高
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start in LocationTrajectoryView.vue and inspect how get_timeline_nodes data and the existing map polyline are used. Implement the playback controls around requestAnimationFrame and Polyline.setStyle, then verify that ordered segments, photo thumbnails, pause, speed changes, seeking, and mobile touch behavior match the issue description.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 55/100