[TOC] **配置步骤如下:** ### **1、添加地图** 点击“![](https://img.kancloud.cn/79/03/79031860b0d1c62c26ce06a7a49e1944_46x34.png)”图标,再点击“联网地图 -> 地图”,即可创建地图, ![](https://img.kancloud.cn/cf/fe/cffe7a08c06f543c302794f21a782d73_856x375.png) :-: 图7.51 ### **2、样式配置** #### **(1)行政区划** * 行政区划:打开行政区划开关,显示行政区域; * 地图级别:设置地区的级别,支持国家、升级、市级、县级4个级别,选中地图组件,在操作界面右侧的“地图级别” 选项你需要的地图级别即可,如下图7.531、7.532、7.533、7.534 * 区划层级:包含省级或市级; * 开启钻取:打开开关,支持地区钻取,效果图如7.535; ![](https://img.kancloud.cn/77/fd/77fdd82bf2c5e280a53a3e8412db974d_870x483.png) :-: 图7.53 国家级地图: ![](https://img.kancloud.cn/a1/f8/a1f8884f48be39b226984379a89d3054_878x496.png) :-: 图7.531 省级地图: ![](https://img.kancloud.cn/5e/b4/5eb4889bab66fc5239af65294a93383f_881x577.png) :-: 图7.532 市级地图: ![](https://img.kancloud.cn/f8/b0/f8b05b0328871aa36b9efb4da1316c41_889x499.png) :-: 图7.533 县级地图: ![](https://img.kancloud.cn/10/90/10906fef0a3d8486ade67acf2864d651_890x512.png) :-: 图7.534 ![](https://img.kancloud.cn/8d/ce/8dce7d07e0acbbfd2bab0667465d8399_1225x751.gif) :-: 图7.535 #### **(2)地图配色** * 区域配色:包含默认、纯色和彩色;默认颜色样式如图7.54,纯色样式如图7.541,彩色样式如图7.542; * 自定义配色:开启自定义颜色,可以自定义设计颜色。颜色之间用“,”隔开; * 省界颜色:设置省和省之间的颜色; ![](https://img.kancloud.cn/93/0a/930afb38c9245a338b1978aa799b73f6_1605x521.png) ![](https://img.kancloud.cn/ea/03/ea034b617228b022cc785ec4216d0962_1030x531.png) :-: 图7.543 #### **(3)地图配置** * 地图引擎:包含高德和mapbox;(目前高德在预览界面有闪的问题,mapbox预览界面不闪;) * 地图样式:设置地图的样式,包含:黑暗、明亮、普通、无地图;黑暗效果图如7.551,明亮效果图如7.552,普通效果图如7.553,无地图效果图如7.554; * 地图比例:设置地图的显示比例; * 地图倾角:地图倾斜角度,效果图如7.555; * 中心点经纬度:可调整地图**可视范围内**的上下左右距离,[坐标拾取链接](https://lbs.amap.com/tools/picker); * 显示边框:是否有边框显示; ![](https://img.kancloud.cn/24/7a/247acf46faa5add61404cc2b259380e9_1062x614.png) :-: 图7.55 ![](https://img.kancloud.cn/9b/21/9b21c4f27c8453416d038a47862fba74_1145x815.png) :-: 图7.551 ![](https://img.kancloud.cn/66/8a/668a9bb517c97d84846789f36480478c_1149x805.png) :-: 图7.552 ![](https://img.kancloud.cn/b9/a6/b9a61920352dcc3f55640a7be043148d_1147x812.png) :-: 图7.553 ![](https://img.kancloud.cn/1e/95/1e95e4e4daeca750479e889093992ea5_951x727.png) :-: 图7.554 ![](https://img.kancloud.cn/2c/3b/2c3bf1d9e23b55578e12bdf0b18c07a8_1159x747.png) :-: 图7.555 ### **3、数据源配置** [配置方法点击这里!](http://report.jeecg.com/2240483)