### **地图的样式包含:区域地图和点地图。** ![](https://img.kancloud.cn/24/a5/24a52028b8d84981f58e002b8498e3c0_806x27.png) ### **现在来看一下地图的使用步骤**: ### **1、添加地图** 点击报表编辑页面操作栏的“![](https://img.kancloud.cn/af/6d/af6dc1f52be33c7a3daf565ca7cb98b6_32x30.png)”图标,选择“地图 ->普通地图”,就可以添加一个地图; ![](https://img.kancloud.cn/b5/1e/b51eb609d5a7c161a928191b37161efe_1238x662.png) ![](https://img.kancloud.cn/24/a5/24a52028b8d84981f58e002b8498e3c0_806x27.png) ### **2、设置地图样式** 添加好地图后,**点击选中**要修改的图表,右侧操作栏,选择“样式”,可对地图的样式做设置; ![](https://img.kancloud.cn/09/dc/09dc109623278609cb58966cd225aa77_1551x856.png) ![](https://img.kancloud.cn/24/a5/24a52028b8d84981f58e002b8498e3c0_806x27.png) #### **(1)标题设置** 设置地图顶部标题,各个参数对应的意思如下: * 显示:设置标题的显示和隐藏; * 标题文字:标题的内容; * 字体颜色:标题的字体颜色; * 字体加粗:标题的字体粗细设置,包含加粗和加细; * 字体大小:标题字体的大小; * 标题位置:标题的位置设置,分为left、center、right; * 顶部边距:标题距离顶部的距离; ![](https://img.kancloud.cn/64/77/6477ebf3ecd041732e5adf2232b48075_1364x826.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **(2)散点设置** 地图上标记点的样式设置,各个参数对应的意思如下: * 大小:散点的大小设置; * 颜色:散点的颜色设置; * 透明度:地图上点的透明度; ![](https://img.kancloud.cn/04/a8/04a8cd06a66fd3ffb6e0427024e8c716_1419x851.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **(3)地图设置** 设置地图样式,各个参数对应的意思如下: * 地图:选取对应区域的地图(地图的区域是自己在地图维护中设置的); * 比例:设置地图的显示比例; * 字体大小:地图上区域名称的字体大小; * 字体颜色:地图上区域名称的字体颜色; * 区域线:区域边框线的宽度设置; * 区域颜色:每块区域的颜色设置; * 区域高亮颜色:鼠标点击某块区域显示的颜色; * 边框颜色:区域边框的颜色; ![](https://img.kancloud.cn/8e/1b/8e1b908e1f29b79f3c3772910ee1bb0e_1387x848.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **(4) 数值设置** 地图上标记点的名称的设置,各个参数对应的意思如下: * 显示:标记点名称是否显示; * 字体大小:标记点名称大小设置; * 字体颜色:标记点名称的字体颜色设置; * 字体粗细:标记点名称的字体粗细设置; * 字体位置:标记点名称的位置设置,包含上方、左边、右边、下方、内部; ![](https://img.kancloud.cn/97/67/97677541a02c316f70e25733637c486e_1384x840.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **(5) 提示语设置** 地图预览的时候,显示的提示语的样式设置,各个参数对应的意思如下: * 显示:提示语是否显示; * 字体大小:提示语的字体大小设置; ![](https://img.kancloud.cn/3c/b6/3cb6815cf392967c4b37db2dfb8b52b7_1391x826.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png)