自定义地图
本章节介绍自定义地图的各配置项的含义。
字段
- 在“数据”标签页选择数据集,并将所需的“维度”、“度量”双击或拖拽至“字段”标签页。
- 设置过滤
- 在数据列内的维度和度量列表内找到需要的数据字段。
- 单击过滤内的需要设置过滤字段上的,进入设置过滤器页面。
- 过滤参数设置完成后,单击“确认”完成过滤参数设置。
表1 过滤器参数 字段类型
参数
参数说明
string
按条件过滤
过滤方式:支持按条件过滤和按枚举过滤方式。
条件形式:支持设置且条件和或条件。
过滤条件:支持精确匹配、包含、开头是、结尾是、不匹配、不包含、为空、不为空等设置。
按枚举过滤
查询形式:支持单选和多选。
过滤条件:支持>、≥、<、≤、=、≠、为空、不为空等设置。
度量
条件形式
支持设置且条件和或条件。
过滤条件
支持>、≥、<、≤、=、≠、为空、不为空等设置,支持选择聚合前数据和聚合后数据。
说明:选择“聚合前”,将对聚合前的数据进行过滤,选择“聚合后”,将对聚合后的数据进行过滤,聚合相关概念请参见创建数据集。
单击“新建筛选条件”可以设置多个过滤条件。
date
按区间值过滤
设置时间区间进行过滤。
按单值过滤
设置单个时间进行过滤。
按条件过滤
支持设置且条件和或条件,支持>、≥、<、≤、=等设置。
单击“新建筛选条件”可以设置多个过滤条件。
- 查询返回数限制
- 设置自动刷新
样式
本章节介绍自定义地图的样式各配置项的含义。
- 尺寸位置
- 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 选中样式
- 开启缩放:支持设置是否开启缩放。
- 开启平移:支持设置是否开启平移。
交互
场景:江苏省份地图制作
- 前提条件
- 新建项目。
- 新建数据源。
- 新建数据集。
- 新建大屏。
- 地图制作步骤
- 登录管理控制台。
- 单击项目名称,进入项目(demo)。
- 单击“大屏 > 新建大屏”,进入创建大屏页面。
- 单击组件“地图 > 自定义地图”,设置样式 > 全局样式>边界数据来源。
此处选择链接方式,将链接填写在边界数据来源处,地图呈现江苏省图样。
图6 链接地址
- 勾选标签,地图显示各市标签。
- 通过设置映射类型预览江苏省各市GDP分布范围。
- 选择新建的数据集。
- 设置字段(地理位置/维度设置为“城市”,数值/度量设置为“GDP”),“更新数据”。
- 设置映射范围(用户自定义)。这时地图上会显示不同的颜色来区分江苏省各市GDP的范围,参见图7。
图8 数值范围设置