[]
        
在线Demo 免费试用
(Showing Draft Content)

复合地图

1. 概述

1.1 功能概述

在地图的实际应用当中,用户希望在一张地图上以不同的视觉效果展示多个图层,例如线条、气泡、区域、热度等,并且可以分别设置样式和控制交互,例如,用区域展示销售金额,用气泡展示价格。

image

2. 操作步骤

2.1 前提条件

如需在地图组件中实现基于地理位置的数据可视化,需满足以下要求:

  1. 数据要求: 已完成数据连接与数据准备,本文将以缓存数据集(Demo_销售明细)为例演示操作流程。

  2. 界面要求: 已进入仪表板设计界面,且仪表板至少已绑定一个数据集/数据模型(如“Excel数据-缓存数据集”)。

  3. 数据预处理: 在数据准备阶段,必须将包含地理信息的字段明确标记为"地理位置"类型

  4. 字段识别: 在仪表板数据绑定区域中,有效的地理位置字段会显示专属图标标识,地理位置信息字段如何标记,请参考:地图数据准备

    image

2.2 添加地图组件

  1. 仪表板设计界面最左侧,单击组件按钮展开列表,选择复合地图,按住鼠标左键将其拖拽至仪表板设计区域,成功添加一个复合地图组件。

    PixPin_2025-06-10_10-40-12

2.3 添加地图图层

  1. 选中地图组件,在地图字段绑定区域中,单击地图图层后的PixPin_2025-06-10_11-03-41按钮,选择地图图层即可添加新图层。

    PixPin_2025-06-10_11-03-29

2.4 调整图层Z方向顺序

  1. 单击图层名称右侧的PixPin_2025-06-10_11-05-59按钮,会出现上移/下移按钮,单击即可调整图层的Z方向顺序。单击删除按钮即可删除图层。

    PixPin_2025-06-10_11-05-42

    注意:

2.5 图层数据绑定

  1. 选中地图组件,展开图层数据设定,可以为图层增加数据绑定:

    PixPin_2025-06-10_11-10-53

  • 数据绑定说明: 每个地图图层(轨迹地图除外)都关联独立的地图组件,需绑定对应组件的指定字段,只需将规范数据拖拽至绑定区即可自动生成可视化地图。

    PixPin_2025-06-10_11-12-25

2.6 地图下钻

  1. 复合地图支持基于某一个地图图层来进行下钻,选择指定图层,在数据绑定面板设置钻取即可进行上下钻取。

    PixPin_2025-06-10_11-13-22

2.7 修改图层样式以及其他设定

  1. 如需对每一个图层做个性化的属性设置,打开复合地图的属性设置面板,单击对应图层名称后的PixPin_2025-06-10_11-15-35图标,即可进入到对应图层的属性设置界面。

    PixPin_2025-06-10_11-15-16

    例如:单击气泡图层,即可进入气泡图层的属性设置界面

    image

2.8 图层可见范围控制

在复合地图上会包含多个图层,有的显示国家级别的统计,有的显示城市级别的统计,我们可以根据地图的缩放级别来控制某个图层是否可见。

例如:

  1. 下图右侧我们可以看见当前地图的缩放级别为3.

    image

  2. 打开图层编辑器,可通过可见范围属性定义了当前图层的实际可见范围,当用户在查看器使用鼠标缩放地图的时候,图层会进行动态的显示和隐藏。

    image

2.9 通过命令控制图层显示,隐藏变化

交互控制说明: 用户可通过按钮等交互组件绑定"显示/隐藏复合地图图层"命令,实现可视化界面对地图图层的动态显隐控制,满足多样化场景交互需求。

PixPin_2025-06-10_11-22-44

2.10 组件属性

  1. 数据处理完成后,可通过以下属性配置进一步优化组件展示效果:

    属性

    说明

    系统图示

    地图设置

    设置地图属性,包括显示底图、显示范围和和显示边界

    PixPin_2025-07-29_11-04-42

    动画

    设置组件入场动画、轮播和轮播间隔

    数据交互

    配置联动、跳转、刷新等行为

    提示标签

    鼠标悬停时显示数据点详细信息

    数据标签

    显示组件数据点标签和内容

    图例

    显示组件中不同颜色/形状代表的数据含义

    标题

    组件标题的样式属性

    钻取设置

    自定义钻取路径的显示样式

    布局大小

    调整组件位置于整体尺寸

    外观样式

    调整组件外观样式

  2. 复合地图额外支持以下独有属性:

    属性

    选项名称

    说明

    地图设置

    显示底图

    是否显示底图

    显示底图后,可以选择底图类型和底图,已经内置多种底图类型,也可以自定义,详见自定义底图样式

    缩放控件

    是否显示缩放控件

    开启后可设缩放控件字体颜色、背景色和位置(左侧/右侧)

    PixPin_2025-07-29_11-13-26

    滚轮缩放

    是否开发滚轮缩放功能

    开启后,使用鼠标滚轮可以对地图进行缩放

    俯仰角

    视角中向下倾斜的角度,用于控制垂直方向的倾斜程度

    显示范围

    指定预览时的显示范围,支持自动指定区域指定经纬度

    • 自动:表示自适应显示范围,会根据当前的数据交互进行自动调整

    • 指定区域:表示指定显示的区域,不随当前交互数据进行自适应调整

    • 指定经纬度:指定显示的经纬度和缩放级别,不随交互数据进行自适应调整

    显示边界

    是否显示底图中的边界线,可选择边界线的区域、颜色和线宽

    PixPin_2025-07-29_11-38-53

    图层

    显示复合地图的所有图层,单击图层名称后的编辑按钮,即可设置对应的图层的地图属性;除面积图层外,其余图层的地图属性可从对应的地图组件介绍中查看,面积图层的属性设置参考本页面积图层属性设置

    PixPin_2025-07-29_11-50-40

  3. 如复合地图使用了面积图层,在复合地图的属性设置中找到图层,单击面积图层后的编辑图标,即可进入面积图层的属性设置面板并进行设置。

    属性

    说明

    系统图示

    是否可见

    设置是否显示该图层

    PixPin_2025-07-29_15-54-59

    可见范围

    设置可见范围,配合复合地图的缩放控件属性

    可实现在对应的可见范围内通过缩放控件控件地图的可见范围

    颜色偏好

    设置面积地图的颜色,支持渐变和调色板

    1)渐变: 可设置填充模式、分组数量、是否均分和填充颜色

    PixPin_2025-07-29_15-58-58

    2)调色板: 可从调色板选择面积地图的颜色,可以设置保存颜色分配(用于固定数据的颜色)

    PixPin_2025-07-29_15-59-32

    开启区块背景

    设置是否开启区块背景

    开启后可以设置区别背景

    边界线宽

    设置边界线宽,与复合地图的边界颜色不一样

    PixPin_2025-07-29_16-08-40

    边界颜色

    设置边界颜色,与复合地图的边界颜色不一样

    显示数据标签

    设置是否开启流线动画

    开启后可设置流线颜色、流线粗细、持续时间、流线尾部和流线间隔

    显示图例

    设置是否显示图例

    鼠标左键选项

    设置鼠标左键选项,支持无、显示工具提示、保留、排除、钻取、跳转、命令

    详情请参考数据交互 的鼠标左键选项属性介绍

  4. 其他

    选项组

    选项名称

    说明

    地图设置

    显示底图

    是否显示底图。

    显示底图后,可以选择底图类型和底图,已经内置多种底图类型,也可以自定义,详见自定义底图样式

    滚轮缩放

    是否开发滚轮缩放功能

    开启后,使用鼠标滚轮可以对地图进行缩放

    俯仰角

    视角中向下倾斜的角度,用于控制垂直方向的倾斜程度

    显示范围

    指定预览时的显示范围。支持自动指定区域指定经纬度

    • 自动:表示自适应显示范围,会根据当前的数据交互进行自动调整

    • 指定区域:表示指定显示的区域,不随当前交互数据进行自适应调整

    • 指定经纬度:指定显示的经纬度和缩放级别,不随交互数据进行自适应调整

    区块样式

    颜色偏好

    选择区块填充颜色时使用调色板还是渐变效果

    • 调色板:使用调色板的话,可以开启保持颜色分配功能也还是设置调色板,关于保持颜色分配的意义以及调色板的详细介绍,请您参考图表样式中的介绍

      image

    • 渐变

      • 使用渐变填充的话,可以使用连续填充模式或分组填充模式

        image

      • 连续填充是指根据数据自动使用填充颜色进行渐变填充

        image

      • 分组填充需要指定划分为几组,几个分组数量就代表将填充颜色划分为几种颜色

        image

        • 当选择分组作为填充模式时,默认将绑定的数值范围按指定的组数进行均分来生成图例。

        • 当选择不均分时,用户可自定义每个分组的取值范围。提供两种区间模式:百分比、绝对值。

          • 百分比,用户可以自己设定每一组的百分比区间范围:

            image

          • 绝对值,用户可以自定义每一组的边界值,并可以为每个分组设置标签:

            image

          • 在图例属性设置中,“图例样式”选择“分类”,即可在地图的图例中显示设置好的分组标签:image

        • 选择不同的填充模式,图例也会随之改变

    区块背景

    地图中未填充区域的背景颜色

    边界线宽

    地图中各区域边界线的线宽

    边界颜色

    地图中各区域边界线的颜色