我平常会做一些行车 POV 视频，其中需要记录轨迹信息，分析轨迹、截图、生成视频覆盖层，在视频中展现小地图当前所在区域、道路、行驶信息。
之前的工作流非常繁杂：行车时记录轨迹、用我自己写的 gpxutil 处理轨迹坐标系、生成 CSV 文件准备后续编辑、在 gpx.studio 裁切轨迹、在谷歌地球里面用 geos 套上高德地图的瓦片（模糊且更新不及时）录制轨迹充当小地图、手动检查输入轨迹的行政区划、道路信息，最后用 gpxutil 生成覆盖层。如果想要获得比较好的小地图，则需要在行车时准备好另外一部手机，在导航界面录屏了。然后才能放进 pr 里面剪辑。
因此，我一直想简化、整合这些工作，同时也希望能做一个保存、展示行走过的轨迹的工具。
首先想到的就是继续编写 gpxutil 。不过，我的技术水平只会写后端，对现代的前端框架一窍不通。
最近，我不知道怎么回事，想试一下以 Vibe Coding 的方式编写。用的是 Claude Code 。最开始想用 OpenRouter 的中转模型，但不知道为什么，花了 10 多美元，结果得到的只是空壳（登录问题还是我手动解决的）。
我换了 GLM 测试，同样的情况下效果明显更好。就这样，我充了 Coding Plan ，继续用 AI 把这项目做下去。
前面说是“继续编写”，实际上算是重写了。因此名字也该换了。我暂时定为 Vibe Route ，中文名和图标都没想好（图标我让好几个 AI 生成 SVG ，都没有太好的）
虽然 AI 编程近一年变化很大，但不得不说，前端确实难搞。我花的时间 95% 以上都是在指挥和各种莫名其妙的前端问题、移动浏览器适配斗智斗勇。
项目托管在 GitHub 上的 DingJunyao/vibe_route，欢迎大家使用、反馈问题。
目前实现的功能：
- 轨迹上传、下载
- 轨迹列表、展示（地图可以用高德地图 / 百度地图 / 腾讯地图 / 天地图 / OSM ，前三者填 key 还可以获取对应的矢量图）
- 自动、手动填充地理信息（行政区划、道路；可用 nominatim / 百度地图 / 高德地图 API ，也可从 AntV 上获取行政区划填充）
- 道路图标生成（普通道路、高速公路）
- 实时记录轨迹（通过 GPS Logger 这种第三方工具实现）
正在做的：地理信息在线编辑
想要做的：
- 路径插值：用于隧道等无信号的地方
- 轨迹动画、覆盖层生成
- 轨迹海报
 |
1
yulgang 15 小时 43 分钟前
体验了一下，简洁漂亮，我之前还寻思把 xingzhe 扒下来呢，你这导入就能用了，很方便
 |
Select Language