news 2026/6/15 12:49:01

Gemini3现在能做这种地图轨迹动画了,免费就能体验!

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Gemini3现在能做这种地图轨迹动画了,免费就能体验!

大家好,我是轩辕。

有段时间刷短视频经常刷到各种历史人物一生的足迹图:

有一天我在想:这种动画能不能让AI给我做呢?

于是我打开各种AI工具,尝试了一番。

这是最新的ChatGPT 5.2做的:

这是Gemini3 Pro做的:

都一言难尽没法看,连最强大的Gemini3 Pro都只能做成这样,有些失望。

直到前几天洗碗的时候突然灵光一闪,想到了一个好的办法,通过这个办法指导AI可以做出最开始那样的动画效果。

很快,我就把这套办法进行了验证并最终开发融入到了我的SVG动画网站里面去,给大家看看这是我用一句话做出来的刘备一生的足迹动画:

这是我用一句话做出来的太平天国运动轨迹动画:

效果比起直接让AI做好了太多了!

现在,如果你也想做这样类似的动画,只需要在动画右下角点击【制作相同风格动画】按钮就能轻松完成了:

除了这样的地图动画,我想到可能还有很多种不同的风格,大家在制作的时候心里有个大概的想法,但是要让你用提示词描述清楚却并不容易。

于是我在此基础之上,进一步扩展,为我的动画制作网站引入了参考风格模板的功能。

在动画创作页面可以看到比以前多了一个“参考风格”的选项:

点击这个面板就可以看到系统内置的八种风格,几十种参考模板了:

这里涵盖了幻灯片风格、课程讲解、数据可视化、品牌展示、产品演示、创意特效、动态交互、地图标记等多种风格。

选择你喜欢的风格,就可以让AI参考这个风格来生成你要的动画内容了。

比如这里有一个奈飞风格的动画:

选择它之后,我基于这个风格创建一个SvgAnimate的动画:

怎么样,是不是有点内味儿了?

前面提到的地图类的动画就在最后这个地图标记里面,这里我目前内置了中国地图、美国地图、世界地图和人物轨迹图四个模板,大家可以来发挥自己的想象力利用这些地图做一些好玩的动画。

后续我还会不断完善这里面的风格和模板库,集成更多更优质的内容在这里,帮助大家轻松制作出精彩的动画内容。

如果现阶段你在这里面找不到喜欢的风格模板,你也可以浏览案例库:

这里面已经有上千个用户公开的动画,里面不乏精品,在这里面挑选到任意你感兴趣的,都可以点击【制作相同风格动画】按钮作为参考模板来使用。

我的动画网站上线一个月了,吸引了三千多位注册用户,其中有很多都是老师、医生、工程师,很多用户都在微信上给我发来好评,还有用户让我一定要坚持做下去,工作中已经离不开了。

每当看到这些留言,我都非常有成就感,也让我更有动力把这个网站持续做深做好。

也欢迎所有看到这篇文章的朋友来免费试用我的动画网站,网站地址就是:svganimate.ai。

路过的朋友欢迎点个关注,后续有新的更新也会第一时间在这里发布。

往期推荐

  • 一句话让AI生成科普动画,做动画视频太简单了!
  • 我开发了一个轻量又好用的抓包软件,基于Wireshark内核,只有20MB!
  • 一个神奇的网站:在线版“Wireshark”!
  • 我用Claude Code开发了一个个人网站!
  • 如何学习操作系统?
  • 如何学习计算机网络?
  • 如何学习C/C++编程?
  • 如何学习网络安全?
  • 程序员赛道太卷,逆向工程师怎么样?
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/10 15:52:10

django-flask基于python的个人学习任务挑战系统 学习助手软件设计与实现

目录摘要关于博主开发技术路线相关技术介绍核心代码参考示例结论源码lw获取/同行可拿货,招校园代理 :文章底部获取博主联系方式!摘要 基于Python的Django-Flask个人学习任务挑战系统旨在帮助用户高效管理学习任务,提升学习动力与效率。系统结…

作者头像 李华
网站建设 2026/6/6 9:15:52

django-flask基于python的故宫博物馆文创网店商城系统的设计与实现

目录摘要关于博主开发技术路线相关技术介绍核心代码参考示例结论源码lw获取/同行可拿货,招校园代理 :文章底部获取博主联系方式!摘要 随着数字经济的快速发展,文创产业与电子商务的结合成为文化传播的重要途径。故宫博物院作为中国传统文化的…

作者头像 李华
网站建设 2026/6/15 6:22:36

伦敦地铁网络扩展4G/5G连接覆盖

伦敦地铁网络正在扩展移动连接覆盖范围,让地下30米深处成为英国首都移动信号最强的地方之一。这是伦敦交通局(TfL)与Boldyn Networks正在进行的开发项目的一部分,更多地铁站和隧道段现已覆盖4G和5G移动网络。网络覆盖的重要性伦敦…

作者头像 李华
网站建设 2026/6/9 22:32:21

从单ECU到整车网络,TC10在工程中的应用

在智能汽车电子系统中,车载以太网已经成为重要的网络通信技术。随着网络规模扩大,一个在早期并不明显的问题开始频繁出现:在车辆静态或低负载状态下,网络是否仍在持续运行,是否存在不可控的功耗消耗。TC10的出现&#…

作者头像 李华
网站建设 2026/6/6 14:20:58

基于VUE的社区健康服务平台[VUE]-计算机毕业设计源码+LW文档

摘要:随着社区居民对健康服务需求的日益增长,构建高效便捷的社区健康服务平台具有重要意义。本文阐述基于VUE框架的社区健康服务平台的设计与实现过程。通过需求分析明确平台功能,利用VUE及相关技术进行开发,实现医生信息管理、药…

作者头像 李华
网站建设 2026/6/10 10:52:12

基于VUE的商校食堂智能点餐系统[VUE]-计算机毕业设计源码+LW文档

摘要:随着信息技术的飞速发展和商校食堂管理需求的提升,传统点餐方式已难以满足高效、便捷、智能化的要求。本文旨在设计并实现基于VUE的商校食堂智能点餐系统,通过需求分析明确系统功能,利用VUE及相关技术进行开发,实…

作者头像 李华