把最近做的一系列地球路线 skill，做成了地图路线生成器网页版
这里可以使用：https://spacezephyr.github.io/map-motion-studio/
https://github.com/SpaceZephyr/map-motion-studio
map-motion-studio 开源免费，浏览器录制路线视频，地图动画工具下载推荐
map-motion-studio 是一个基于 map-motion 的网页端实验项目，把「多个地点」变成一段能播放、能下载的地图旅程。你只需在网页里依次选择至少两个地点，它就能生成一条带路线动效的地图动画，并在浏览器中直接录制为视频。项目由 SpaceZephyr 开源在 GitHub，采用 Vite 构建，是纯静态网站，不需要自建后端，推送到 main 分支后由 GitHub Actions 自动运行测试、构建并发布 dist。
在线预览地址为 spacezephyr.github.io/map-motion-studio，本地也可通过 npm install 与 npm run dev 快速启动，npm test 可检查收藏读写、数据校验和站点停留时间轴。
痛点是什么
做旅行记录、地理科普或内容创作的人，常常需要把一串地点串成一条可视化的路线。传统做法要么在专业 GIS 软件里手动调参，门槛高、导出麻烦；要么用剪辑软件逐帧拼地图截图，费时费力还难以表现里程与到站信息。更麻烦的是，很多在线地图工具只给静态路线图，无法直接产出可播放、可下载的视频，也不支持 3D 地形与镜头跟随。对于只想快速做一段「丽江古城到玉龙雪山」路线动画的普通用户来说，缺少一个打开即用、无需后端、能在浏览器里完成录制与导出的轻量方案。
主要功能特点
map-motion-studio 把地点选择、路线动效与视频录制整合在一个网页里，覆盖从输入到导出的完整流程，并针对浏览器环境做了明确的边界提示。
多地点路线动效
至少输入两个地点，可增删排序，支持内置地点库、在线地名查询与经纬度输入。
2D/3D 与多主题切换
可切换 2D 平面和 3D 地形，并提供山野暖橙、极夜冰蓝、复古地图三种主题。
浏览器内录制下载
可录制并下载 1280 × 720 路线视频，优先 MP4，不支持时回退 WebM。
路线收藏与案例
最多收藏 20 条路线到本地存储，含路线几何，可离线重开，另附四条一键案例。
为什么值得关注
它把原本分散在地图、动画与录屏工具里的步骤压缩进一个静态网页，定位清晰、上手成本低，适合做旅行路线展示、地理内容素材与教学演示。
纯静态、零后端
基于 Vite 构建，可静态部署，GitHub Actions 自动测试与发布，无需服务器。
数据来源透明
地图与路线分别来自 MapLibre GL JS、OpenStreetMap、OSRM 演示服务等，边界说明清楚。
项目地址：github.com/SpaceZephyr/map-motion-studio，在线体验：spacezephyr.github.io/map-motion-studio。
推荐信息
空格.space
@kongge_space 2026年10月12日 16:36
