9.1 地图区配置 · 工具

* [旧版本地图区域配置](http://report.jeecg.com/2051319#_1) * [**1、地区配置**](http://report.jeecg.com/2051319#1_2) * [**2、新增地区**](http://report.jeecg.com/2051319#2_12) * [**3、获取地区json数据：**](http://report.jeecg.com/2051319#3json_16) * [新版本地图区域配置`1.4.3-beta+`](http://report.jeecg.com/2051319#143beta_32) * [**1、全国**](http://report.jeecg.com/2051319#1_33) * [**2、省级**](http://report.jeecg.com/2051319#2_42) * [**3、市级**](http://report.jeecg.com/2051319#3_55) * [**4、区级**](http://report.jeecg.com/2051319#4_69) ## 旧版本地图区域配置 ### **1、地区配置** 点击图9.11的**维护**按钮，进入区域添加界面，如图9.12； ![](https://img.kancloud.cn/d5/6d/d56d0dc2ce6459dda8ff61189ae46696_1328x852.png) 图9.11 ![](https://img.kancloud.cn/d8/3a/d83aa745dac3c7a244cd52ec4e2b29f4_1775x881.png) 图9.12 ![](https://img.kancloud.cn/54/93/5493dd5c799d899386afd66385759392_816x27.png) ### **2、新增地区** 点击图9.12中的”新增“按钮，进入地区新增页面，如图9.13； ![](https://img.kancloud.cn/36/1d/361dc5e87ab17822cfed159045966dcf_858x811.png) ### **3、获取地区json数据：** \*打开地址：[http://datav.aliyun.com/tools/atlas/#，](http://datav.aliyun.com/tools/atlas/#%EF%BC%8C)进入地图参考界面，如图9.14： ![](https://img.kancloud.cn/dd/7b/dd7b4367d6cad1e3bab491b64cc2c1d0_1647x791.png) 图9.14 * 复制“JSON API”的地址，在浏览器打开， ![](https://img.kancloud.cn/be/c5/bec5a4b51ca2c82b5ff52b344523d8b4_1455x883.png) 图9.15 ![](https://img.kancloud.cn/02/62/02624d2e5d76897de661e602b2d77aff_1889x776.png) 图9.16 * 复制图9.16浏览器界面中代码，添加到图9.13的”地区数据“中，即可； ## 新版本地图区域配置`1.4.3-beta+` ### **1、全国** > 效果 ![](https://img.kancloud.cn/15/12/1512812dd3654d9fe3fdf693f394db24_1081x633.png) > 地图级别选择全国 ![](https://img.kancloud.cn/82/31/823104b9438715387a51ee5b1eb373ca_1600x588.png) ### **2、省级** > 效果 ![](https://img.kancloud.cn/42/ee/42ee6d362ee6046ed4cbafef36e898f8_1655x648.png) > 地图级别选择`省级` ![](https://img.kancloud.cn/c2/70/c270b8c829d8c579f468ec0c03510171_1616x693.png) > 选择省份 ![](https://img.kancloud.cn/6e/ef/6eef6c694084d545a2531f764e93e7f9_1701x646.png) ### **3、市级** > 效果 ![](https://img.kancloud.cn/69/83/69830c61d2a7d99bb89ce9c304c8d8d8_1632x759.png) > 地图级别选择`市级` ![](https://img.kancloud.cn/4b/ed/4beda8168bdeb96a9cd3ce49e8d4581e_1646x679.png) > 选择城市 ![](https://img.kancloud.cn/98/53/9853b2965402d08fbad0f34c7271c372_607x376.png) ### **4、区级** > 效果 ![](https://img.kancloud.cn/e6/38/e638b9d59b64d19ae4e89797d9c91813_1637x866.png) > 地图级别选择`区级` ![](https://img.kancloud.cn/38/41/384139b38599c17aae25d91b29ece212_1632x589.png) > 选择区域 ![](https://img.kancloud.cn/19/11/191146d91f8f43a069e5514b53171c49_1631x690.png)