1.地圖數據的獲取

中國地圖及各省市縣地圖可在地圖選擇器（數據來源于高德開放平臺）

選擇需要的區域，右方可下載其JSON API格式的數據。

2.地圖的編輯

特定需求下需要對原有地圖數據進行修改，如：添加某一非行政區劃的地區，特定地區的分割或邊緣優化，由于地圖數據由橫縱坐標組成的點形成，無法直接修改，推薦使用地圖修改工具進行修改。?地圖在線編輯工具

---

?2022-09-19 修改

原地址已無效，可使用替代站點DataV地圖邊界生成器

如圖，將地圖的JSON數據復制進右面編輯框，在左邊可視化窗口進行編輯后，可獲得編輯完后的地圖數據。

3.地圖的聲明

想要在echarts中使用自定義的地圖數據，需要先在echarts對象中對地圖進行注冊。

import echarts from 'echarts' const geoJson = `...地圖JSON數據...` echarts.registerMap('地圖名（如：jiangsu）', geoJson, {})

?4.地圖的引用

在地圖進行注冊聲明后，可直接在echarts配置中使用series-map進行地圖的繪制

option = {...series: [{type: 'map',mapType: 'jiangsu', //地圖名...}]...}

以上便可以實現地圖的簡單繪制，更豐富的地圖樣式屬性等設置請查詢echarts文檔

5.geo組件的使用

geo為地理坐標系組件，在一些場景需要使用，如地圖上某特定坐標點的定位，地圖飛線等，可以使用之前注冊好的地圖數據進行geo組件的聲明

option = {...geo: {map: 'jiangsu',//地圖名...},...}

總結

以上是生活随笔為你收集整理的关于echarts生成地图的二三事的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。