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

自定义地图

1. 概述

1.1 功能概述

自定义地图组件支持用户基于任意底图(如商场平面图)快速创建数据可视化地图,通过简单描边和标记即可生成支持数据绑定的个性化地图,并直接应用于仪表板分析。

如下图所示,我们通过小区楼宇平面图绘制了定制地图,完美复现小区真实空间布局并实现商业数据分析功能。

PixPin_2025-06-10_14-08-10

type=info

注意: 这里需要注意的是,数据集中的地理位置名称必须与自定义地图中为每个区域的命名一致,这样数据才能匹配上。

下面以使用小区楼宇平面图作为底图绘制自定义地图为例为您讲解自定义地图组件的整个使用过程,包括使用设计器绘制自定义地图和在仪表板中使用的过程。

2. 操作步骤

2.1 绘制自定义地图

  1. 用户登录后进入文档门户,单击创建文档image2020-4-26_14-36-40.png按钮,选择自定义地图,即可打开自定义地图设计器。

    PixPin_2025-06-10_12-14-32

  2. 单击导入图片按钮,可导入底图。

    PixPin_2025-06-10_14-09-52

  3. 随后单击右侧的绘图工具对图片进行描边,描边完成后,设置对应的区域名。可以选择矩形或圆形工具直接绘制规则形状,也可以选择自由绘制。

    PixPin_2025-06-10_13-43-43

  4. 每绘制完成一个形状后,会弹出区域保存对话框。输入该区域的命名后,单击保存即可。

    PixPin_2025-06-10_13-45-35

    type=info

    注意: 区域的命名需与最终使用的数据集中的位置字段值一致,这样才能使数据匹配上。

  5. 每个区域中有一个数据标记点,用于标记在仪表板中使用时数据标注显示的位置。如下图所示。 可以通过鼠标拖拽,调整数据标注点的位置。

    PixPin_2025-06-10_13-49-24

    另外,通过框选或安住Shift健选择多个形状后,单击鼠标右键可将形状组合。组合后共用一个数据标记点。

    PixPin_2025-06-10_13-50-29

  6. 全部绘制完成后,单击左上角的保存按钮,保存自定义地图。

    PixPin_2025-06-10_13-51-11

    保存时,自定义名称和修改说明后,单击保存按钮即可保存。

    PixPin_2025-06-10_13-52-26

  7. 保存后,可在门户网站的资源分类中看到它。

    PixPin_2025-06-10_13-54-11

2.2 准备数据

  1. 使用带有楼栋名称的数据创建数据源和数据集,预览如下。

    PixPin_2025-06-10_13-57-47

    type=info

    注意: 楼栋名与自定义地图中为每个区域形状的命名需保持一致。

2.3 在仪表板中使用自定义地图

  1. 添加自定义地图组件。

    PixPin_2025-06-10_13-59-35

  2. 选择自定义地图。

    PixPin_2025-06-10_14-02-57

  3. 绑定数据集和数据。

    PixPin_2025-06-10_14-03-51

  4. 在属性设置面板中设置组件显示样式。

    例如:

    1)设置填充基色和不透明度。

    PixPin_2025-06-10_14-05-31

    2)将数据标注显示出来。

    PixPin_2025-06-10_14-06-25

    按照需求可在属性设置中进一步设置其他属性样式,例如设置标题,字体大小颜色,图例,系列配色,提示等,这里不再一一介绍。

    type=info

    提示: 进入组件的聚焦状态可以更方便一边设置属性,一边查看组件变化效果。

  5. 预览并保存。

    PixPin_2025-06-10_14-07-34