---
title: AI 地图动画
source: https://vjmap.com/guide/map-video/index.html
---

---
group: 入门
description: 唯杰 AI 地图动画是什么、能做什么、怎么开始，以及全部使用文档的导航。
---

# AI 地图动画

唯杰 AI 地图动画是一个以地图为主画布的视频编辑器：在地图上画路线、摆镜头、加文字和配乐，最后由服务器渲染成 MP4 视频。你可以用一句话让 AI 生成分镜，也可以在多轨时间轴上逐段精修。它适合做规划汇报、文旅宣传、数据快报、路线与轨迹展示等需要「在地图上讲故事」的视频。

## 能做什么

- **三种地图引擎**：二维地图（天地图、高德等互联网底图，也可以用 CAD 图纸、空白底图或手动绘制的图做底）、三维地球、三维场景。一个工程可以由多段不同底图的时间线组成。
- **路线与地图要素**：在编辑地图上画点、线、面，搜地名加点，行政区一键生成区域；路线逐段生长，飞机、汽车可以沿线运动。
- **镜头**：跟随镜头看成片，自由视角随意查看；按 `K` 打相机关键帧，或一键套用飞越、跟随路线、环绕、地球缩放等镜头预设。
- **样式与动画**：快捷外观一键换装，入场、循环、出场动画，属性关键帧让颜色、线宽等随时间变化；内置 40 种地图特效。
- **文字与标注**：常用文字样式、花字、带动画的文字模板，能钉在地图上跟着走的文字，以及气泡、定位牌、引线等地图标注。
- **声音与字幕**：音乐库、音效、字幕，AI 朗读字幕生成配音，也能从配音或视频原声识别字幕。
- **数据可视化**：把一张表格变成地图上的气泡、热力等数据层，随时间逐个出现。
- **多时间线与成片**：片头、地图正文、片尾分开做，在成片里排好顺序、加转场，拼成一部视频。
- **模板**：工程模板填几个地名就生成一整条片子；页面模板一点就多出片头或片尾。
- **导入自己的数据**：KML、GeoJSON、GPX、SHP 数据，glTF / GLB 三维模型，以及 CAD 图纸。
- **出片与分享**：服务器逐帧渲染 MP4，常用 1080p，服务器有显卡时支持 4K 与 60 帧；可以分享成片视频，也可以分享在网页里实时播放的动画工程。

下面几张截图来自视频教程里的示例工程，可以直观看到这些能力。

**路线动画**：北京到西安的自驾路线在卫星底图上逐段生长，画面上方是标题文字，下方是字幕。新手入门做的就是这样一支片子。

![路线逐段生长，配上画面文字和字幕](./images/overview-route-animation.webp)

**三维地球**：一个工程里可以有多条时间线，图中「时间线01」是二维地图，「时间线02」是三维地球。三维地球带大气和星空，开头加一段镜头预设「地球缩放」，就能从整个地球推到目标位置，适合开场。

![三维地球时间线与「地球缩放」镜头](./images/overview-globe.webp)

**三维场景**：把 CAD 图纸铺在三维场景里，按规则把图纸上闭合的轮廓拉伸成楼块，再加一段斜着看的关键帧镜头，楼块就从图纸上长出来。

![三维场景：图纸铺底，轮廓拉成楼块](./images/overview-3d-scene.webp)

**数据可视化**：在「地图」里的「数据表」，把一张 CSV、GeoJSON 或 SHP 表格变成地图上的数据层。图中同一张「城市人口」表生成了「气泡」和「热力」两层：气泡逐个出现，人口越多气泡越大；人口多的城市底下有一团热力。

![一张城市人口表画成气泡和热力](./images/overview-data-viz.webp)

**工程模板**：在工程列表点「从模板创建」，内置五个模板，每张卡片都写着它会生成什么、支持哪些画幅、大概多长。

![「从模板创建」里的五个内置模板](./images/overview-templates.webp)

1. **旅行路线**：输入途经城市，自动生成标题卡、飞行或驾车路线生长、跟拍相机、站点标记与逐段字幕。
2. **城际直飞**：从枢纽城市向多个目的地放射飞线，配夜色底图、依次生长的流星飞线、目的地标记与航线计数。
3. **轨迹回放**：把 GPX / KML 轨迹做成跟拍回放，包括全景开场、沿航向跟拍生长、起终点标记、里程与用时统计。
4. **环球航线（三维地球）**：从太空俯冲到出发地，沿大圆弧逐段飞行，飞机跟随、抵达标记、终点环绕，适合洲际或跨国路线。
5. **图纸三维巡检**：CAD 图纸铺地，把闭合轮廓生长成楼块，俯冲拉近后环绕俯瞰，可逐个兴趣点驻留，适合厂区、园区、校园总平面图。

## 界面一览

下图是「动画」布局下的编辑器，分为四块区域：

![编辑器的四块区域（「动画」布局）](./images/editor-layout.webp)

1. **布局切换**：顶栏中间的「缺省」「编辑」「动画」「竖屏」。「编辑」让编辑地图铺满，方便画图；「动画」让时间轴更大，方便剪辑。
2. **播放器**：预览当前时刻的画面，下方是播放控制条。顶上「跟随镜头」显示成片画面，「自由视角」只用来查看，不改镜头。
3. **属性面板**：选中哪个片段就显示它的「样式」「动画」等设置；什么都没选时，显示工程和本时间线的设置，如画幅、帧率、底色、名称、标题和片长。
4. **时间轴**：从上到下是相机轨、地图要素轨（图中是「线」），以及配音、字幕、音频、文本和叠加轨；红线是播放头。

图中没有标出的还有两块：

| 区域 | 作用 |
|---|---|
| 左侧面板 | 「动画」布局下不显示，切到「缺省」或「编辑」布局时在左边。有「素材」「地图」「音频」「文本」「贴纸」「特效」「转场」「字幕」「滤镜」「调节」「模板」等页签，地图要素、文字、声音和模板都从这里添加 |
| 顶栏 | 中间切换布局；右侧显示画幅（如「16:9 1920×1080」）和片长，最右边是「导出」 |

## 怎么开始

1. 在浏览器打开 https://vjmap.com/agent/ext/map-video ，用唯杰地图账号登录。账号与唯杰地图智能体平台、官网通用，无需安装。
2. 在工程列表点「新建工程」，或点「从模板创建」套用现成模板。
3. 跟着[新手入门](./quickstart.html)做完第一支片子，再按需要阅读下面的各篇文档。

::: tip 关于计费
AI 地图动画运行在唯杰地图智能体平台上，按平台点数计费，新用户注册即送体验点数。
:::

## 文档导航

### 入门

- [新手入门](./quickstart.html)：从新建工程到导出视频，用一条路线走完全流程。

### 功能精讲

- [时间轴](./timeline.html)：认识轨道和播放头，选择、拖动、剪辑片段，右键菜单与快捷键。
- [编辑地图](./edit-map.html)：画点线面、改形状、添加至动画，搜地名加点、行政区一键成面。
- [镜头](./camera.html)：跟随镜头与自由视角、打相机关键帧、使用镜头预设。
- [样式、动画与关键帧](./style-animation.html)：在属性面板里调外观、设入场循环出场动画、给属性打关键帧。
- [文字与标注](./text-labels.html)：画面文字、花字和文字模板、钉到地图上的文字、地图标注。
- [声音与字幕](./audio-subtitles.html)：配乐、音效、字幕，以及 AI 朗读和识别字幕。
- [多时间线与成片](./multi-timeline.html)：片头、正文、片尾分开做，在成片里排序、加转场。
- [数据可视化](./data-viz.html)：把一张表格变成地图上的气泡和热力。
- [三维地球与三维场景](./globe-3d.html)：卫星图与地形、从太空推进来，把图纸拉成楼。
- [时间轴工具栏](./timeline-toolbar.html)：时间轴上方每个按钮的用法和快捷键。
- [工程模板](./templates.html)：填几个地名生成整条片子，把自己的工程存成模板，只拷别的工程的外观。
- [视图同步](./editor-player-sync.html)：编辑地图与播放器同步，在编辑地图里找好的角度，一步变成成片镜头。

### 关键帧

- [关键帧（一）：镜头](./keyframes-camera.html)：打帧、改数值、调过渡曲线、控制节奏，一步生成几十帧。
- [关键帧（二）：地图素材](./keyframes-map.html)：让标记、路线、区域乃至底图随时间变化。
- [关键帧（三）：叠加素材](./keyframes-overlay.html)：图片、贴纸、文字怎么飞、转、淡出。

### 数据与素材

- [导入 GIS 数据](./import-gis.html)：导入 KML、GeoJSON、GPX、SHP，变成能动起来的点线面，还能拉成三维楼。
- [加载三维模型](./import-3d-model.html)：导入 glTF / GLB 模型，放到地图上并让它动起来。
- [编辑点线面](./edit-features.html)：拖点、加点、删点、旋转、改样式，修正导入或手画的要素。
- [图纸挑数据](./cad-data.html)：按图层、条件查询和鼠标拾取，从 CAD 图里挑出实体做效果。
- [手动绘制](./draw-to-animation.html)：截一块在线地图，用元件画上路线和景点，再做成动画。

## 相关应用

[地图绘制](../map-draw/index.html)用来画网上找不到的地图，如园区平面图、导览图、户型图。画好的图可以直接放进地图动画，一个元素一个元素地出场。