
平常刷 vlog、看纪录片,经常会看到一种地图动效:镜头从地球一路俯冲下来,锁定到某个城市,然后一条线从 A 画到 B,旁边的公里数跟着跳。每次看到都觉得很高级。
最近 Opus 5.5 做动效也很火,我就想,能不能做一个动效,把我旅行路上走过的地点都标出来。
花了一下午时间,做出了一个完整的 map-motion 动效的 skill,先看效果,再讲思路:
徒步路线记录

散射状路线

旅行自驾路线

不止这些,这个 skill 有 11 种镜头,12 种风格,下面是我的制作思路。
我先拿这次国庆去云南的自驾做了一版:深圳出发,经过南宁、昆明、大理、丽江,开到香格里拉,再原路回来。
路线是用的高德地图的 MCP,数据是真实的,小车沿着路开,里程表一路滚到 4,213 公里,到一个城市就盖一个邮戳。
做完这个,刚好看到花叔发布了他的动效 Skill(huashu-art-motion)。
我把他的一些做法结合进来,又做了一个更完善的版本,叫 map-motion。
它主要靠两样东西:
- 高德地图 API:地名转坐标、真实的驾车/步行/骑行路线、行政区边界,还有标准地图和卫星图当底图。
- Opus 模型:写代码、把这些数据一帧一帧画成动画。
做出来的效果是这样的
一共 11 种镜头、12 种风格。镜头可以像搭积木一样串起来,风格改一个字段就换。
一、能做哪些
按做出来的视频分,常用的是这 5 类:
- Vlog 片头「我在这里」:从地球俯冲下来,瞄准镜锁定,弹出坐标卡。
- 徒步登山:沿真实步行路线上山,底下实时画出海拔曲线。
- 长途骑行、自驾:多站旅程,按天分段,里程累加,到站盖章、弹照片。
- 介绍一个地方:公园、景区、校园,描出轮廓,再从地铁站走过去。
- 航线、行政区、业务分布:城市间飞线、省市高亮、一个点辐射到全国。
12 种风格里,5 种直接用高德的底图(标准、暗色、灰色、复古、卫星),能推到街道级;另外 7 种是代码画的(暗色科技、极简白、水彩手账、复古纸、赛博霓虹、国风水墨、工程蓝图),适合全国到城市这个尺度。

还有 14 种镜头,俯冲、标记、辐射、航线、区域描边等等

二、更多效果展示
1. Vlog 片头:大理双廊
卫星地球转过来,俯冲到洱海边,四个角的瞄准框收缩锁。坐标卡上地名一个字一个字打出来,经纬度从 0 滚到真实坐标,。


同样的效果换成暗色风,做了一版上海外滩夜景:

2. 徒步梧桐山
从山涧沿高德步行路线上大梧桐,镜头跟着人走。底部的海拔曲线同步画出来,读数从 98 米一路爬到 916 米,累计爬升 835 米,山顶插一面旗。

3. 青海湖环湖骑行
卫星底图拍高原湖泊特别出片。四天分四段,每段都有海拔(一直在 3200 米上下),最后停在 365 公里,和骑行圈公认的环湖距离对得上。

4. 介绍一个公园:上海桂林公园
先从卫星地球定位到公园,再描出公园轮廓。另一版是从桂林路地铁站出来,沿步行路线走过去,再绕公园一圈。
5. 航线、行政区、辐射
广州飞北京的弧线、京津冀依次高亮、杭州辐射到全国 12 个城市。做业务分布、门店覆盖这类图解很合适。

三、它是怎么做出来的
我写的时候只做一件事:先写一张「镜头表」,告诉它先拍什么、再拍什么。比如:
{"type": "locate", "to": "双廊古镇", "name": "大理 · 双廊", "date": "2026.10.03 07:42"}剩下的交给 Skill:
- 调高德解析地点和路线
。地名转成坐标,驾车、步行、骑行路线都是高德实际规划出来的,公里数也是真的。
- 补齐高德没有的数据
。公园、景区的轮廓高德不给,就从 OpenStreetMap 取;海拔从 SRTM 卫星高程取。
- 算镜头
。每个镜头怎么取景、镜头之间怎么飞过去,自动算好。远距离会先拉远再推近,和 Mapbox 的飞行动画是同一套公式,不用手写转场。
- 一帧一帧画出来
。地球是真的卫星图拼出来的,能从太空一路推到街道。最后出竖屏或横屏 MP4,顺手出一个 GIF。
四、怎么用
1. 安装
发送下面内容给你的 Agent
安装这个 skill:github.com/SpaceZephyr/map-motion
2. 配高德 mcp
去高德开放平台申请一个「Web服务」类型的 key,免费。然后告诉你的 Agent
这是我申请的高德 API key,帮我配置到 map-motion
3. 直接跟 Claude 说
- 帮我做一个 vlog 片头,我在大理双廊,10 月 3 号早上 7 点 42
- 把我爬梧桐山的路线做成带海拔的动画
- 做一个从杭州辐射到全国 12 个城市的地图动画,暗色风格
它会自己写镜头表、抽几帧给你看、确认后出片。你也可以给它一个运动 App 导出的 GPX 文件,直接用你真实走过的轨迹。
动效这类制作以后都可以交给 opus 模型了,你有哪些想要制作的动效类型,欢迎评论区交流。
