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