0

0

交互式地图制作教程 动态地图怎么做【2026步骤】

畫卷琴夢

畫卷琴夢

发布时间:2026-02-04 17:22:38

|

700人浏览过

|

来源于php中文网

原创

地图图表无法响应交互是因地理字段未识别或数据未绑定动态机制,需通过Excel内置地图、Power Map、切片器、高德API或FineVis五种方式分别解决地理识别、三维动画、实时筛选、网页嵌入和大屏联动问题。

交互式地图制作教程 动态地图怎么做【2026步骤】 - php中文网

如果您希望在办公软件中创建可响应用户操作的地图图表,但地图无法按地区筛选或数值不随交互变化,则可能是由于地理字段未被正确识别或数据源未绑定动态机制。以下是解决此问题的步骤:

本文运行环境:MacBook Air M2,macOS Sequoia。

一、使用Excel内置地图图表功能

该方法依赖Excel对标准地理名称的自动识别能力,适用于省级、国家级或邮政编码等预置地理类型,无需额外插件,生成后支持点击图例切换数值维度。

1、整理数据表,确保至少包含两列:一列为标准中文省级名称(如“浙江省”“内蒙古自治区”),另一列为待可视化的数值(如“GDP”“人口数”)。

2、选中整块数据区域(含标题行),按 Control + T 将其转为智能表格。

3、点击【插入】选项卡→【图表】组→【推荐的图表】→切换至【所有图表】→选择【地图】类别→点击【填充地图】。

4、若地图显示为灰色或出现问号图标,选中地区列任意单元格→点击【数据】选项卡→【地理类型】→手动选择【省/自治区】。

5、确认该列单元格左下角出现小地球图标,表示地理识别已激活。

二、通过Power Map构建三维动态地图

Power Map(即3D地图)支持时间轴动画、多图层叠加与高度映射,适用于含经纬度或带时间戳的复合地理数据集,仅限Microsoft 365 for Mac最新版本支持。

1、确认已启用Power Map:打开【Excel】→【Excel】菜单→【偏好设置】→【常规】→勾选【在功能区中显示“分析”选项卡】。

2、准备数据表,必须包含“纬度”“经度”或标准地理字段,以及至少一个数值列和可选日期列(格式为YYYY-MM-DD)。

3、选中数据区域→点击【插入】→【3D地图】→【打开3D地图】。

4、在3D地图窗口中,将纬度字段拖入“纬度”框,经度字段拖入“经度”框,数值字段拖入“大小”框,日期字段拖入“时间播放器”框。

5、点击右上角【时间播放器】齿轮图标→设置步长为“按月”→点击播放按钮启动动态渲染。

三、添加切片器实现地区级实时筛选

切片器作为独立控件,可直接绑定至地图所依赖的数据表,触发地图区域显隐与颜色重算,其作用对象必须是原始智能表格而非图表本身。

VanceAI Image Resizer
VanceAI Image Resizer

VanceAI推出的在线图片尺寸调整工具

下载

1、确保数据已转为智能表格,且地区字段为独立列(不可与城市、区县合并)。

2、点击表格内任意单元格→【插入】→【切片器】→勾选“地区”字段→点击确定。

3、右键新建切片器→【切片器设置】→勾选“将此切片器连接到当前工作表”并确认工作表名称与地图所在页一致。

4、在切片器中单击“广东省”,地图将立即仅显示该省下辖地市,并依据其对应数值重新着色。

四、嵌入网页版交互地图(高德JS API)

该方案适用于需自定义标记、热力图、路径动画等复杂交互的场景,通过加载本地HTML文件实现,依赖macOS系统内置WebView2引擎支持。

1、访问高德开放平台注册应用,获取Web服务Key,编写含AMap.Map、AMap.Marker及AMap.Polyline的HTML页面,保存为本地文件(如:/Users/Name/Documents/map_gaode.html)。

2、在Excel中打开【开发工具】选项卡→【Visual Basic】→插入新模块→粘贴VBA代码调用Safari或Chrome以file://协议打开该HTML文件。

3、若需在PPT中嵌入,切换至PowerPoint→【插入】→【对象】→【由文件创建】→浏览并选中该HTML文件→勾选“链接到文件”

4、播放幻灯片时,双击地图容器即可触发JavaScript事件,例如弹出信息窗或跳转至指定幻灯片页码。

五、利用FineVis构建大屏级动态地图

FineVis专为可视化大屏设计,支持实时数据流接入、矢量地图模板导入与多维度联动筛选,适用于企业级数据看板部署。

1、下载并安装FineVis Desktop 2026正式版,启动后新建项目→选择【大屏模板】→导入中国省级SVG矢量地图文件。

2、点击【数据源】→【新增数据连接】→选择Excel文件路径,勾选“启用自动刷新”并设置间隔为30秒。

3、将数值字段拖入【颜色映射】区域,地区字段拖入【地理编码】区域,确认匹配规则为“省级行政区全称”

4、添加【下钻组件】→设置第一级为“省”,第二级为“市”,第三级为“区县”,保存后点击【预览】查看逐级穿透效果。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
chrome什么意思
chrome什么意思

chrome是浏览器的意思,由Google开发的网络浏览器,它在2008年首次发布,并迅速成为全球最受欢迎的浏览器之一。本专题为大家提供chrome相关的文章、下载、课程内容,供大家免费下载体验。

880

2023.08.11

chrome无法加载插件怎么办
chrome无法加载插件怎么办

chrome无法加载插件可以通过检查插件是否已正确安装、禁用和启用插件、清除插件缓存、更新浏览器和插件、检查网络连接和尝试在隐身模式下加载插件方法解决。更多关于chrome相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

759

2023.11.06

go语言 数组和切片
go语言 数组和切片

本专题整合了go语言数组和切片的区别与含义,阅读专题下面的文章了解更多详细内容。

46

2025.09.03

golang map内存释放
golang map内存释放

本专题整合了golang map内存相关教程,阅读专题下面的文章了解更多相关内容。

75

2025.09.05

golang map相关教程
golang map相关教程

本专题整合了golang map相关教程,阅读专题下面的文章了解更多详细内容。

36

2025.11.16

golang map原理
golang map原理

本专题整合了golang map相关内容,阅读专题下面的文章了解更多详细内容。

64

2025.11.17

java判断map相关教程
java判断map相关教程

本专题整合了java判断map相关教程,阅读专题下面的文章了解更多详细内容。

42

2025.11.27

js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

516

2023.06.20

抖音网页版入口与视频观看指南 抖音官网视频在线访问
抖音网页版入口与视频观看指南 抖音官网视频在线访问

本专题汇总了抖音网页版的入口链接、官方登录页面以及视频观看入口,帮助用户快速访问抖音网页版,提供免登录访问方式和直接进入视频播放页面的方法,确保顺利浏览和观看抖音视频。

32

2026.02.04

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 4.6万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.7万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号