鑒于上篇文章ECharts如何制作省份地圖并在地圖上顯示自定義圖標(biāo)有很多小伙伴問我如何只做一個區(qū)或者一個縣的地圖呀，于是寫這篇文章給大家講解一下。
1.準備工作
在ECharts中顯示一個區(qū)需要單獨的從省份中把這個區(qū)給扣出來，這時需要用到GEOJSON編輯工具，就是這個網(wǎng)站，有了編輯工具那你肯定還需要省份或者區(qū)的數(shù)據(jù)嘛，因為我們需要從省份里面扣出區(qū)的圖層，從區(qū)里面扣出縣的圖層。上篇文章中給出的地圖數(shù)據(jù)不滿足要求，這里我在GITHUB上面找到了一個新的，可以去下載一下。
2.根據(jù)省份數(shù)據(jù)單獨取出一個區(qū)的數(shù)據(jù)（縣級一樣，就不演示了）
這里我還是用貴州省的地圖來演示
- 第一步先把貴州省的地圖JSON數(shù)據(jù)拿過來貴州省
2.把里面的數(shù)據(jù)復(fù)制到GEOJSON編輯工具中這里他會自動把你地圖輪廓加載出來GEOJSON
3.移除不想要的部分，這里只想保留遵義的出，那我就把其它塊都刪除，選中不想要的區(qū)域，然后單擊Delete feaure，刪除完是這樣的遵義市
4.把生成的JSON數(shù)據(jù)拷貝到上篇文章中的guizhou.js中替換前保存并且刷新頁面替換后新的地圖
這樣一個區(qū)的地圖就出來了，縣級的也是一樣的。。。大家也可以在編輯工具中用他的一些工具畫出自己想要的區(qū)域，他提供
下面我再教大家一下地圖的拆分
需要用到的地圖拆分工具
1.首先把剛才生成的數(shù)據(jù)導(dǎo)出成GEOJSON文件
導(dǎo)出
然后將文件拖入拆分工具中
拆分
然后右邊有工具欄，選擇好分割點1和分割點2，輸入分割的區(qū)域一ID名稱和分割的區(qū)域二ID名稱點擊確定
拆分完成
然后點擊右邊工具欄的下載，同樣的把生成的json數(shù)據(jù)替換到之前的guizhou.js里面，然后刷新 頁面
最終頁面
可能大家會問我地圖拆分什么情況下會用到呢，或者說是有什么用呢。一般下載到的地圖數(shù)據(jù)可能只會到縣的數(shù)據(jù)，再往下一些偏僻的地方比如農(nóng)村啊什么的他是沒有輪廓的，這時需要我們手動把這個輪廓給裁剪出來，拆分工具配合上面的GEOJSON編輯工具可以滿足大多數(shù)人對地圖的要求
微信關(guān)注我哦！(轉(zhuǎn)載注明出處)
個人博客地址：點擊跳轉(zhuǎn)關(guān)注我哦
