10+年产品经理专注分享AI 工具、AI 资讯、AI Coding、Vibe Coding与下一代产品创新,按 Ctrl+D 收藏我们
关于我 留言板 标签云 排行榜

苏米客

  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
    • AI智能体
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
  • 登录
  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
    • AI智能体
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
当前位置: 首页 » AI开源项目

map-motion:基于高德API + Opus的地图路线动效生成工具

59分钟前 AI开源项目 0 0

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

徒步路线记录

徒步路线记录动效

散射状路线

散射状路线动效

旅行自驾路线

旅行自驾路线动效

不止这些,这个 skill 有 11 种镜头、12 种风格。我先拿这次国庆去云南的自驾做了一版:深圳出发,经过南宁、昆明、大理、丽江,开到香格里拉,再原路回来。路线用的是高德地图的 MCP,数据是真实的,小车沿着路开,里程表一路滚到 4,213 公里,到一个城市就盖一个邮戳。

做完这个,刚好看到花叔发布了他的动效 Skill(huashu-art-motion)。我把他的一些做法结合进来,做了一个更完善的版本,叫 map-motion。它主要靠两样东西:

  • 高德地图 API:地名转坐标、真实的驾车/步行/骑行路线、行政区边界,还有标准地图和卫星图当底图。
  • Opus 模型:写代码、把这些数据一帧一帧画成动画。

做出来的效果一共 11 种镜头、12 种风格。镜头可以像搭积木一样串起来,风格改一个字段就换。

一、能做哪些效果

按做出来的视频分,常用的是这 5 类:

  • Vlog 片头「我在这里」:从地球俯冲下来,瞄准镜锁定,弹出坐标卡。
  • 徒步登山:沿真实步行路线上山,底下实时画出海拔曲线。
  • 长途骑行、自驾:多站旅程,按天分段,里程累加,到站盖章、弹照片。
  • 介绍一个地方:公园、景区、校园,描出轮廓,再从地铁站走过去。
  • 航线、行政区、业务分布:城市间飞线、省市高亮、一个点辐射到全国。

12 种风格里,5 种直接用高德的底图(标准、暗色、灰色、复古、卫星),能推到街道级;另外 7 种是代码画的(暗色科技、极简白、水彩手账、复古纸、赛博霓虹、国风水墨、工程蓝图),适合全国到城市这个尺度。

12种风格展示

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

14种镜头展示

二、更多效果展示

1. Vlog 片头:大理双廊

卫星地球转过来,俯冲到洱海边,四个角的瞄准框收缩锁定。坐标卡上地名一个字一个字打出来,经纬度从 0 滚到真实坐标。

Vlog片头大理双廊动效

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

暗色风上海外滩夜景动效

2. 徒步梧桐山

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

徒步梧桐山海拔曲线动效

3. 青海湖环湖骑行

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

青海湖环湖骑行卫星动效

三、它是怎么做出来的

我写的时候只做一件事:先写一张「镜头表」,告诉程序先拍什么、再拍什么。比如:

{
  "type": "locate",
  "to": "双廊古镇",
  "name": "大理 · 双廊",
  "zoom": 14
}
{
  "type": "coordinate_card",
  "name": "大理 · 双廊",
  "lat": 25.91,
  "lng": 100.23
}
{
  "type": "route",
  "from": "双廊",
  "to": "沙溪",
  "style": "car"
}

每行一个镜头,按顺序执行。每个镜头有自己的参数,比如 locate 负责定位到某个地点,coordinate_card 弹出坐标卡,route 画路线。风格统一在最外层配置,改一个字段所有镜头跟着变。

镜头表示例

路线数据全部来自高德 API。步行、骑行、驾车、公交,每种模式的路径都是真实的。里程数、海拔、耗时,都是 API 返回后实时计算的。所以不管你去哪,只要地名在高德数据库里,都能生成对应的动画。

底图方面,高德提供了 5 种官方样式:标准、暗色、灰色、复古、卫星。另外 7 种是代码手画的,比如暗色科技风、水彩手账风、工程蓝图风等。每种风格就是一套颜色配置和线条样式,切换只需要改一个字段。

开源地址

Github:https://github.com/akoukou/map-motion

如果你有高德 MCP 的 access token,可以直接克隆仓库,在 config.yaml 里配好 token 和模型 key 就能用。如果没有,也可以直接访问高德开放平台申请。

声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。
未经允许不得转载:map-motion:基于高德API + Opus的地图路线动效生成工具
#AI工具 #地图动效 #高德API #视频制作 #开源项目 
收藏 1
Wake:开源 Agent 会话管理器,打通 20+ AI 编程助手的记忆孤岛
Claude Haiku 5.5发布:成本降低75%,支持自定义思考程度
推荐阅读
  • Open Design:Claude Design 的真正开源替代品
  • claude-video 开源工具:让 Claude 真正看懂视频的多模态方案
  • BonsAI:用画布喂给 Claude Code,告别线性文字 Prompt
  • OpenSkills:打破AI编程助手壁垒,让Claude Code的Skills真正通用
  • TEN Framework:几分钟就能搭建Voice Agent 的AI 语音框架,开源GitHub 热榜第一
评论 (0)
请登录后发表评论
分类精选
WeKnora:终于等到了腾讯ima的开源知识库框架,用 API 轻松打造本地智能文档检索
12721 1年前
OpenSpec:比 Cursor Plan 更聪明?试试这款让 AI 编码更靠谱的规范驱动工具
10861 12月前
CapCut API:一个剪映API开源项目,让AI自动剪辑视频
10569 9月前
AIRI:你的开源AI女友,让你随时拥有属于自己的 AI VTuber
9454 1年前
Antigravity-Manager:这个开源神器让你白嫖ClaudeOpus 4.5,Gemini 3!还能接Claude Code等任意平台
9329 9月前
CompressO:开源免费的视频压缩神器,让你的硬盘瞬间轻松 10 倍
8841 1年前
就要创作:从提示词到创作团队,开源 AI 网文写作平台
8739 12月前
awesome-openclaw-skills:700+ Skills 一条命令装配完成,如何让本地 AI Agent 真正落地可用
8282 8月前
Claude Code 生成专业图表的 15 个 Skills:覆盖 7 种渲染引擎的完整指南
8158 5月前
baoyu-skills:又一个宝藏Skill,面向内容创作者的技能集,支持图文生成、发布与处理
8035 8月前

文章目录

关于苏米客
分类排行
1 Beszel:26K Star轻量级服务器监控工具,开箱即用
2 API-free:免费AI反代统一面板,五个服务整合一个后台
3 map-motion:基于高德API + Opus的地图路线动效生成工具
4 Wake:开源 Agent 会话管理器,打通 20+ AI 编程助手的记忆孤岛
5 20 个 GitHub Stars 合计近 80 万的 AI Agent Skills:拼出一套完整 Agent Stack
6 尤雨溪宣布 Shaders 开源:200+ WebGPU 效果组件免费,支持 React/Vue/Svelte 全框架
7 answer-me-with-html:开源 Agent Skill,让 AI 回答变成可视化 HTML 页面
8 DESIGN.md:73 家大厂 UI 设计系统全开源,AI 不再写出「AI 味」页面
9 Koharu:本地运行的 AI 漫画翻译器,Rust 打造支持 OCR 识别和智能嵌字
10 i-have-adhd Skill:治好 AI 的啰嗦病,输出直接变成执行清单
苏米客
登录 注册
显示
没有账号? · 立即注册
显示
已有账号? · 直接登录
登录代表你已同意 用户协议 和 隐私政策
©2015-2024 苏米客XMSUMI 版权所有 · WWW.XMSUMI.COM 闽ICP备14005900号-6 网站地图 百度地图
微信文章助手 程序库 免费影视APP 免费字体下载 产品经理导航 爱克硕儿 产品经理AI资讯 Axure元件库下载 申请友联