更新时间:2024-10-10 GMT+08:00
分享

自定义地图

本章节介绍自定义地图的各配置项的含义。

字段

  1. 在“数据”标签页选择数据集,并将所需的“维度”、“度量”双击或拖拽至“字段”标签页。
  2. 设置过滤
    1. 在数据列内的维度和度量列表内找到需要的数据字段。
    2. 单击过滤内的需要设置过滤字段上的,进入设置过滤器页面。
    3. 过滤参数设置完成后,单击“确认”完成过滤参数设置。
      表1 过滤器参数

      字段类型

      参数

      参数说明

      string

      按条件过滤

      过滤方式:支持按条件过滤和按枚举过滤方式。

      条件形式:支持设置且条件和或条件。

      过滤条件:支持精确匹配、包含、开头是、结尾是、不匹配、不包含、为空、不为空等设置。

      按枚举过滤

      查询形式:支持单选和多选。

      过滤条件:支持>、≥、<、≤、=、≠、为空、不为空等设置。

      度量

      条件形式

      支持设置且条件和或条件。

      过滤条件

      支持>、≥、<、≤、=、≠、为空、不为空等设置,支持选择聚合前数据和聚合后数据。

      说明:

      选择“聚合前”,将对聚合前的数据进行过滤,选择“聚合后”,将对聚合后的数据进行过滤,聚合相关概念请参见创建数据集

      单击“新建筛选条件”可以设置多个过滤条件。

      date

      按区间值过滤

      设置时间区间进行过滤。

      按单值过滤

      设置单个时间进行过滤。

      按条件过滤

      支持设置且条件和或条件,支持>、≥、<、≤、=等设置。

      单击“新建筛选条件”可以设置多个过滤条件。

  3. 查询返回数限制

    设置查询返回数限制,在输入框输入合适的返回数,默认数值为1000。

  4. 设置自动刷新

    自动刷新间隔时间支持:不刷新、1分钟、5分钟、15分钟、30分钟。

样式

本章节介绍自定义地图的样式各配置项的含义。

  • 尺寸位置
    • W:设置图表的宽,单位为px。
    • H:设置图表的高,单位px。
    • X:设置图表在画布中的位置。单位为px。
    • Y:设置图表在画布中的位置。单位为px。
    • 不透明度:设置图表在画布上的透明度,可通过滑动条进行设置,也可手动输入百分比,比例越大透明程度越低。
    图1 尺寸位置
  • 全局样式
    • 地图中心:设置地图中心在图层中的位置。
      • 顶部:设置地图中心的顶部,输入值必须在0到200之间。
      • 左侧:设置地图中心的左侧,输入值必须在0到200之间。
    • 缩放范围:设置地图中心在图层中的缩放比例,输入值必须在0.1到50之间。
    • 边界数据来源:地图数据的来源方式,有链接和素材两种类型。
      • 链接:从其他地方复制链接粘贴此处,可以获取边界数据。
      • 素材:用户自定义素材,或者从其他地方获取到的json文件,上传获取边界数据。
    图2 全局样式
  • 填充设置
    • 透明度:设置填充的透明度,输入值必须在0到1之间。
    • 边线选择:设置边线的颜色和宽度。
      • 填充颜色:设置填充的颜色。
      • 宽度:设置填充的宽度,输入值必须在0到10之间。
      图3 填充设置
  • 视觉映射
    • 显示/隐藏视觉映射:单击“标签”右侧的勾选框,表示显示视觉映射,表示隐藏视觉映射。
    • 方向:单击下拉选项设置视觉映射的映射方向,可以设置为水平或垂直。
    • 映射类型:单击下拉选项设置视觉映射的映射类型,可以设置为连续型或自定义范围。
    • 宽度:设置视觉映射的宽度。
    • 高度:设置视觉映射的高度。
    • 左侧:设置视觉映射时距离图层左侧的距离。
    • 底部:设置视觉映射时距离图层底部的距离。
    • 间距:设置映射之间间距。
    • 文字:设置视觉映射时文本的字体颜色和字号大小。
    • 映射类型:支持连续型金额自定义范围设置。范围支持对数值范围、数值颜色、对应文本设置。
    • 范围外:支持对范围外颜色进行设置。
    图4 视觉映射
  • 标签
    • 显示标签:勾选后地图显示标签,不勾选,地图不显示标签。
    • 显示全量:勾选后,不显示标签的区域也会显示。
    • 显示度量:显示字段中选择的度量字段。
    • 字体:用户可自定义设置标签的字体。
    • 颜色:用户可自定义设置标签的字体颜色。
    • 字号:用户可自定义设置标签的字体字号,范围10~100之间。
    • 字体粗细:用户可以设置标签字体的粗细,类型有Normal、Bold、Bolder、Lighter。

  • 选中样式
    • 颜色:单击颜色编辑器设置颜色。
    • 数据值:单击“数据值”右侧的勾选框,表示显示数据值,表示隐藏数据值。
    • 数据名:单击“数据名”右侧的勾选框,表示显示数据名,表示隐藏数据名。
    • 文本样式:设置文本的颜色、字号和字体粗细样式
    • 提示框内边距:设置提示框的内边距,输入值不能小于0。
    • 提示框背景色:设置提示框的背景颜色。
    • 提示框自定义大小:设置提示框的大小。
    • 提示框边框颜色:设置提示框的边框颜色。
    • 提示框边框宽度:设置提示框的边框宽度,输入值不能小于0。
    图5 选中样式
  • 开启缩放:支持设置是否开启缩放。
  • 开启平移:支持设置是否开启平移。

交互

  • 联动
    1. 单击“高级>联动”,进入图表联动设置页面,参考表2设置参数。
      表2 图表联动设置

      参数

      说明

      过滤

      设置时需要先选择需要绑定的字段,选择完成之后选择需要关联的图表,支持选择大屏二维表上的图表。

      • 单击“过滤”,进入过滤页签。
      • 单击需要绑定的字段后面的,弹出关联字段框。
      • 单击,选择需要绑定的字段,勾选关联图表。

      显隐

      设置时先选择需要的字段,选择完成之后选择需要关联的图表,支持全选大屏上的图表。

      • 单击“显隐”,进入显隐页签。
      • 勾选关联图表。
    2. 参数设置完成之后,单击“确定”完成联动设置。具体示例请参见联动示例

场景:江苏省份地图制作

  • 前提条件
    • 新建项目。
    • 新建数据源。
    • 新建数据集。
    • 新建大屏。
  • 地图制作步骤
    1. 登录管理控制台。
    2. 单击项目名称,进入项目(demo)。
    3. 单击“大屏 > 新建大屏”,进入创建大屏页面。
    4. 单击组件“地图 > 自定义地图”,设置样式 > 全局样式>边界数据来源。

      此处选择链接方式,将链接填写在边界数据来源处,地图呈现江苏省图样。

      图6 链接地址
    5. 勾选标签,地图显示各市标签。
      图7 江苏省地图
    6. 通过设置映射类型预览江苏省各市GDP分布范围。
      1. 选择新建的数据集。
      2. 设置字段(地理位置/维度设置为“城市”,数值/度量设置为“GDP”),“更新数据”。
      3. 设置映射范围(用户自定义)。这时地图上会显示不同的颜色来区分江苏省各市GDP的范围,参见图7
        图8 数值范围设置

相关文档