在此以泰州靖江市為例為例，記錄一下實(shí)現(xiàn)過(guò)程
1、整體完成后實(shí)現(xiàn)的效果如下
2、獲取數(shù)據(jù)
（1）DataV.GeoAtlas
第一個(gè)能想到的獲取數(shù)據(jù)的網(wǎng)站就是它，
是阿里推出的一個(gè)用于獲取全國(guó)、各省、各市以及個(gè)縣級(jí)市詳細(xì)地圖信息的json文件
http://datav.aliyun.com/portal/school/atlas/area_selector
點(diǎn)擊左側(cè)地圖選擇行政區(qū)劃范圍
如圖，找到泰州市—靖江市，你會(huì)發(fā)現(xiàn)最多只能找到縣級(jí)市的地圖信息，不能滿(mǎn)足我們的需求
（2）bigemap
這是一個(gè)可以獲取到街道、鄉(xiāng)鎮(zhèn)的軟件
找到你需要下載的信息數(shù)據(jù)
這里的問(wèn)題是，需要購(gòu)買(mǎi)全能版才能下載（看了淘寶價(jià)格要好幾千）
雖然不能下載，但我們可以通過(guò)下面的操作，知道靖江市下的街道、鄉(xiāng)鎮(zhèn)級(jí)的區(qū)域分布概況，如圖
上面一步因?yàn)闆](méi)有授權(quán)，不能下載地理信息數(shù)據(jù)，所以下面我們用到了 geojson.io
（3）geojson.io
可以手繪獲取數(shù)據(jù)，或根據(jù)導(dǎo)入數(shù)據(jù)顯示地圖信息
https://geojson.io/#map=3.14/31.64/103.67
我們可以在這個(gè)網(wǎng)站上，手繪后得到泰州靖江市的鄉(xiāng)鎮(zhèn)級(jí)地圖 json數(shù)據(jù)
如下圖，右側(cè) 是我們繪完圖得到的geoJson數(shù)據(jù)**（這就是我們echarts繪制地圖需要的數(shù)據(jù)）**
如下：可對(duì)“點(diǎn)”進(jìn)行編輯，來(lái)設(shè)置屬性
如下：可對(duì)“線”進(jìn)行編輯，來(lái)調(diào)整區(qū)域大小，調(diào)節(jié)區(qū)域邊界
像上面這張圖這樣：自己描線加點(diǎn)，大概需要半天到一天的時(shí)間
累是有點(diǎn)累，不過(guò)跟上面比是個(gè)省錢(qián)的辦法（如果有更好的辦法，歡迎留言交流）文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-697892.html
3、繪制echats地圖
最后，拿到數(shù)據(jù)后，放在本地導(dǎo)入，然后做為地圖的數(shù)據(jù)源 繪制echats地圖文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-697892.html
//導(dǎo)入數(shù)據(jù)
import jingjiang from "@/assets/map.json";
//data
data() {
return {
geoData: jingjiang
}
}
//echarts.registerMap(mapName, mapData)
//參數(shù)mapName是地圖的名稱(chēng)，mapData是地圖的數(shù)據(jù)
//注冊(cè)后可以使用這個(gè)地圖名稱(chēng)在Echarts中使用這個(gè)地圖
echarts.registerMap("jingjiang", this.geoData);
到了這里，關(guān)于獲取街道、鄉(xiāng)鎮(zhèn)級(jí)的地圖geoJson數(shù)據(jù)，使用echarts繪制地圖的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
