[TOC] **配置步骤如下:** ### **1、添加地图** 点击“![](https://img.kancloud.cn/79/03/79031860b0d1c62c26ce06a7a49e1944_46x34.png)”图标,选择"离线地图",再点击“气泡标注地图”,如下图 ![](https://img.kancloud.cn/cb/27/cb27307349d2f68a3b743a0c474bd9ee_1005x521.png) ### **2、使用场景** 气泡标注地图是结合散点气泡进行数据展示,适合按省份进行数据分布统计的应用场景,效果图如下 ![](https://img.kancloud.cn/fd/ab/fdabbccbfa1fa27761274b09312f4c01_1000x441.png) ### **3、样式配置** #### **(1)地图级别** 地图支持国家、省、市3级行政区域展示如下图 **国家地图** ![](https://img.kancloud.cn/fd/8a/fd8a6e4214cccccce34cd7967acc971f_924x359.png) **省级地图** ![](https://img.kancloud.cn/ae/9c/ae9cfe2c4de43e5fdfbe79d0a2057f61_929x431.png) **市级地图** ![](https://img.kancloud.cn/2d/e0/2de09e5ddf753bd9b63ec27ea10f1645_924x437.png) #### **(2)地图比例** 调整地图显示比例,如下图 ![](https://img.kancloud.cn/79/4f/794fe1a08006004c82cf8e509ecd5911_933x408.png) #### **(3)地图样式配置** * 开启钻取:开启钻取后地图支持省市之间的下钻; * 名称显示:控制地图省份名称是否显示; * 字体大小:省份名称字体大小; * 字体颜色:省份名称字体颜色; * 字体高亮颜色:鼠标经过省份名称时的字体颜色; * 边框线宽:省界线宽度; * 边框颜色:省界界线颜色; * 区域颜色:地图每个省份的颜色; * 地图大小:设置地图的大小; * 上下边距:设置地图的上下边距; * 开启描边:开启后地图显示一个描边的效果,如图7.2.1 * 描边颜色:设置描边的颜色 * 描边大小:设置描边的大小 * 开启筛选:开启后地图右下角会显示一个视觉映射组件,如图7.2.2 * 排列方式:设置视觉映射组件的展示方式(横向/纵向) * 宽度:设置视觉映射组件的宽度 * 高度:设置视觉映射组件的高度 * 右边距:设置视觉映射组件距离容器的右边距 * 底边距:设置视觉映射组件距离容器的底边距 ![](https://img.kancloud.cn/b0/42/b042f4863eae6fdf28775e76efed1940_1200x654.png) ![](https://img.kancloud.cn/93/99/9399547dc7d2f9420dc78ad556acfe3d_1200x658.png) :-: 图7.2.1 ![](https://img.kancloud.cn/a5/d6/a5d6d8a5c6dbbc1678a94e265dd21359_1191x617.png) :-: 图7.2.2 #### **(4)散点设置** * 比例:控制散点显示的大小比例; * 形状:散点图形样式选择; * 文字展示:控制是否显示散点处的文本; * 文字位置:控制散点处的文本显示的位置(左/中/右); * 文本颜色:控制散点处显示的文本的颜色; * 文本大小:控制散点处显示的文本的字体大小; * 文本高亮颜色:控制散点处的文本鼠标移入后的的颜色; * 动态散点个数:设置涟漪效果的三点的个数 ![](https://img.kancloud.cn/b0/7d/b07d21f87e5ac7ba76ccbe37882b0223_1199x654.png) #### **(5)自定义配色** ![](https://img.kancloud.cn/07/57/075735f7fd31844ae5ec67c194eeab4c_936x505.png)