Echarts如何只做一個區或者一個縣的地圖
鑑於上篇文章 ofollow,noindex">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裡面,然後重新整理 頁面

最終頁面