# 自定义地图 本章节介绍自定义地图的各配置项的含义。 #### 字段 1. 在"数据"标签页选择数据集，并将所需的"维度"、"度量"双击或拖拽至"字段"标签页。 2. 设置过滤 1. 在数据列内的维度和度量列表内找到需要的数据字段。 2. 单击过滤器内的需要设置过滤字段上的![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000002007934574.png)，进入设置过滤器页面。 3. 过滤参数设置完成后，单击"确认"完成过滤参数设置。 表1过滤器参数 | 字段类型 | 参数 | 参数说明 | |:---|:---|:---| | string | 按条件过滤 | 过滤方式：支持按条件过滤和按枚举过滤方式。 条件形式：支持设置"且"条件和"或"条件。 过滤条件：支持精确匹配、包含、开头是、结尾是、不匹配、不包含、为空、不为空等设置。 | | string | 按枚举过滤 | 查询形式：支持单选和多选。 过滤条件：支持\>、≥、＜、≤、＝、≠、为空、不为空等设置。 | | 度量 | 条件形式 | 支持设置"且"条件和"或"条件。 | | 度量 | 过滤条件 | 支持\>、≥、＜、≤、＝、≠、为空、不为空等设置，支持选择聚合前数据和聚合后数据。 说明： 选择"聚合前"，将对聚合前的数据进行过滤，选择"聚合后"，将对聚合后的数据进行过滤，聚合相关概念请参见[创建数据集](https://support.huaweicloud.com/usermanual-dataartsinsight/dataartsinsight_03_0457.html)。 单击"新建筛选条件"可以设置多个过滤条件。 | | date | 按区间值过滤 | 设置时间区间进行过滤。 | | date | 按单值过滤 | 设置单个时间进行过滤。 | | date | 按条件过滤 | 支持设置"且"条件和"或"条件，支持\>、≥、＜、≤、＝等设置。 单击"新建筛选条件"可以设置多个过滤条件。 | 3. 查询返回数限制 设置查询返回数限制，在输入框输入合适的返回数，默认数值为1000。 4. 设置自动刷新 自动刷新间隔时间支持：不刷新、1分钟、5分钟、15分钟、30分钟。 #### 样式 本章节介绍自定义地图的样式各配置项的含义。 - 尺寸位置 - W：设置图表的宽，单位为px。 - H：设置图表的高，单位为px。 - X：设置图表在画布中的位置，单位为px。 - Y：设置图表在画布中的位置，单位为px。 - 不透明度：设置图表在画布上的透明度，可通过滑动条进行设置，也可手动输入百分比，比例越大透明程度越低。 图1尺寸位置 ![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001863097969.png) - 全局样式 - 地图中心：设置地图中心在图层中的位置。 - 顶部：设置地图中心的顶部，输入值必须在0到200之间。 - 左侧：设置地图中心的左侧，输入值必须在0到200之间。 - 缩放范围：设置地图中心在图层中的缩放比例，输入值必须在0.1到50之间。 - 边界数据来源：地图数据的来源方式，有链接和素材两种类型。 - 链接：从其他地方复制链接粘贴此处，可以获取边界数据。 - 素材：用户自定义素材，或者从其他地方获取到的json文件，上传获取边界数据。 图2全局样式 ![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001804098317.png) - 填充设置 - 透明度：设置填充的透明度，输入值必须在0到1之间。 - 边线选择：设置边线的颜色和宽度。 - 填充颜色：设置填充的颜色。 - 宽度：设置填充的宽度，输入值必须在0到10之间。 图3填充设置 ![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001804017329.png) - 视觉映射 - 显示/隐藏视觉映射：单击"标签"右侧的勾选框，勾选表示显示视觉映射，不勾选表示隐藏视觉映射。 - 方向：单击下拉选项设置视觉映射的映射方向，可以设置为水平或垂直。 - 映射类型：单击下拉选项设置视觉映射的映射类型，可以设置为连续型或自定义范围。 - 宽度：设置视觉映射的宽度。 - 高度：设置视觉映射的高度。 - 左侧：设置视觉映射时距离图层左侧的距离。 - 底部：设置视觉映射时距离图层底部的距离。 - 间距：设置映射之间间距。 - 文字：设置视觉映射时文本的字体颜色和字号大小。 - 映射类型：支持连续型金额自定义范围设置。范围支持对数值范围、数值颜色、对应文本设置。 - 范围外：支持对范围外颜色进行设置。 图4视觉映射 ![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001757058834.png) - 标签 - 显示标签：勾选后地图显示标签，不勾选，地图不显示标签。 - 显示全量：勾选后，不显示标签的区域也会显示。 - 显示度量：显示字段中选择的度量字段。 - 字体：用户可自定义设置标签的字体。 - 颜色：用户可自定义设置标签的字体颜色。 - 字号：用户可自定义设置标签的字体字号，范围10\~100之间。 - 字体粗细：用户可以设置标签字体的粗细，类型有Normal、Bold、Bolder、Lighter。 - 选中样式 - 颜色：单击颜色编辑器设置颜色。 - 数据值：单击"数据值"右侧的勾选框，表示显示数据值，表示隐藏数据值。 - 数据名：单击"数据名"右侧的勾选框，表示显示数据名，表示隐藏数据名。 - 文本样式：设置文本的颜色、字号和字体粗细样式 - 提示框内边距：设置提示框的内边距，输入值不能小于0。 - 提示框背景色：设置提示框的背景颜色。 - 提示框自定义大小：设置提示框的大小。 - 提示框边框颜色：设置提示框的边框颜色。 - 提示框边框宽度：设置提示框的边框宽度，输入值不能小于0。 图5选中样式 ![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001804098325.png) - 开启缩放：支持设置是否开启缩放。 - 开启平移：支持设置是否开启平移。 #### 交互 - **联动** 在页面右侧"交互"页签单击"高级\>联动"，进入图表联动设置页面，参考[表2]设置参数，具体示例请参见[联动示例](https://support.huaweicloud.com/usermanual-dataartsinsight/dataartsinsight_03_0473.html#dataartsinsight_03_0473__li11788814102819)。 - 过滤： 1. 单击"过滤"，进入过滤页签。 2. 单击需要绑定的字段后面的![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000002222188745.png "点击放大")，弹出关联字段框。 3. 单击![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000002186743058.png "点击放大")，选择需要绑定的字段，勾选关联图表后，单击"确定"。 - 显隐： 1. 单击"显隐"，进入显隐页签。 2. 勾选关联图表后，单击"确定"。 表2图表联动设置参数说明 | 参数 | 说明 | |:---|:---| | 过滤 | - 需要绑定的字段：设置时需要先选择需要绑定的字段，选择完成之后选择需要关联的图表。 - 关联图表：设置联动的关联图表，支持选择同数据集和非同数据集的图表。 | | 显隐 | 设置时先选择需要的字段，选择完成之后选择需要关联的图表，支持全选大屏上的图表。 - 单击"显隐"，进入显隐页签。 - 勾选关联图表。 | #### 场景：江苏省份地图制作 - 前提条件 - 新建项目。 - 新建数据源。 - 新建数据集。 - 新建大屏。 - 地图制作步骤 1. 登录管理控制台。 2. 单击项目名称，进入项目（demo）。 3. 单击"大屏 \> 新建大屏"，进入创建大屏页面。 4. 单击组件"地图 \> 自定义地图"，设置样式 \> 全局样式\>边界数据来源。 此处选择链接方式，将链接填写在边界数据来源处，地图呈现江苏省图样。 图6链接地址 ![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001757450924.png "点击放大") 5. 勾选标签，地图显示各市标签。 图7江苏省地图 ![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001757324270.png) 6. 通过设置映射类型预览江苏省各市GDP分布范围。 1. 选择新建的数据集。 2. 设置字段（地理位置/维度设置为"城市"，数值/度量设置为"GDP"），"更新数据"。 3. 设置映射范围（用户自定义）。这时地图上会显示不同的颜色来区分江苏省各市GDP的范围，参见[图7]。 图8数值范围设置 ![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001804246369.png)