地图组件

概述

地图组件展示行政区域分布和点位标记。底图可以是内置的全国、省、市、区县，也可以是园区、楼层等示意图，或导入 GeoJSON 的自定义区域。区域着色、点位和飞线既能手工配置，也能绑定数据集；点击区域可逐级下钻，并可把当前行政区写入变量，让其他组件跟着切换。

功能入口

• 添加：左栏「资源库」>「基础组件」>「地图 / 行政区」分组，预设有区域分布图、点位分布图、浙江省域图、核心城市地图、杭州区县图、医院院区态势、园区区域图、楼层分布图、自定义区域图。
• 属性：选中地图 > 右栏「组件」>「内容设置」。内容设置较长，分为「数据」「标题与文案」「底图」「显示项」「三维与质感」「下钻与交互」「样式与布局」「配色」等段，用顶部的跳转条定位。
• 数据编辑器：「区域数据」下的「编辑区域」、「点位数据」下的「编辑点位」和「飞线」下的「配置飞线起终点」，打开「地图数据」对话框。

操作步骤

用数据集给区域着色（热力图）

1. 选中地图，在「内容设置」>「数据」把「区域数据来源」切到「数据集」。
2. 选「数据集」，「名称字段」选区域名列（需与底图区域名一致），「数值字段」选数值列。
3. 名称与底图对不上（例如数据里存行政区划码）时，在「贴到哪个区域」选区域编码列；要逐块指定颜色，在「颜色字段」选颜色列。
4. 在「显示项」>「分级配色」打开开关，选「色带方案」，即按数值在色带上自动着色。

用数据集落点位

1. 「点位数据来源」切到「数据集」，选数据集。
2. 「名称字段」选点位名；地理底图（全国、省、市、区县等）选「经度字段」「纬度字段」；园区、楼层、自定义这类非地理底图改用「底图 X」「底图 Y」。
3. 可选「数值字段」「颜色字段」「大小字段」，分别用于气泡大小与标签、逐点配色和点位大小。

配置行政区下钻并联动数据

1. 在「下钻与交互」打开「区域下钻」，运行态点击区域即逐级下钻（全国、省、市/区），面包屑可返回。
2. 在「下钻写入变量」选一个页面变量，下钻和回退时会把当前行政区编码写进去，回到全国时清空。
3. 变量名与数据集参数同名，并且数据集 SQL 里用 ${$参数名} 引用时，下钻会按行政区重新取数；不选变量则下钻只换底图，数值仍是上一层的。

载入内置行政区

1. 在「底图」的「内置行政区」里，从级联选择器选省、市或县区。
2. 点击「载入为可编辑区域」，地图自动切到「自定义区域」，并保留后续手工编辑能力。

属性/参数说明

数据

底图与显示

三维与质感、下钻与交互

地图数据对话框

示例

「全国门诊量热力图」：数据集 区域就诊 含 province（省名）、visits（就诊量）。拖入「区域分布图」，「区域数据来源」选「数据集」，「名称字段」选 province，「数值字段」选 visits；打开「分级配色」，「色带方案」选「海蓝」。预期：数值越大的省份颜色越深，图例是渐变条。再打开「区域下钻」，点击浙江进入省域。

注意事项

注意：区域名与底图区域名必须一致才能着色；对不上的行不画，而图例仍会列出。可以用「贴到哪个区域」按编码贴，或在「地图数据」对话框的「区域」页看提示。

注意：非地理底图（园区、楼层、自定义）不会按经纬度落点，点位数据集要用「底图 X」「底图 Y」。

注意：「真3D地图」仅地理底图预设支持；下钻态或 WebGL 不可用时自动回退为 2.5D SVG。

注意：「色带反向」用于越大越好的指标。热力、暖橙色带的末端是红色，默认数值越大越红，适合故障数这类越大越要关注的指标。

提示：地图发出「地图下钻」事件，载荷含行政区名、编码与层级，可用于联动，见交互蓝图与动作。

相关文档

• 组件总览
• 数据接入
• 交互与联动
• 交互蓝图与动作