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
功能描述
生成一张精美的旅行足迹分享卡片（类似支付宝年度账单），包含地图轮廓 + 足迹标记 + 关键数据（N省M市、总里程、最远到达），方便用户在社交媒体分享。
实现思路
- 前端用 HTML Canvas 或
html2canvas将地图 + 统计数据渲染为图片 - 复用
SectionLocation.vue（年报组件）已有的 ECharts 地图样式 - 数据来源：
/api/locations/statistics+/api/locations/distribution - 提供多种模板风格选择
- 导出格式支持 PNG / 长图
优先级
低 — 锦上添花，但分享传播能带来新用户
依赖
- #旅行统计仪表盘 的数据聚合接口
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 by reading SectionLocation.vue and the /api/locations/statistics and /api/locations/distribution entry points, then review the existing ECharts map styling. Define the export flow around the requested map, markers, statistics, templates, and PNG/long-image formats. Done means users can choose a template and export a polished travel-footprint card using the stated data sources.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- html, javascript
- Domain
- data-visualization, frontend, web-dev
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100