01?背景
在數(shù)據(jù)可視化項目里面經(jīng)常會用到地圖隨機選中或地圖定時選中的效果，結(jié)合各個地圖api 和可視化庫對比發(fā)現(xiàn)：用ECharts的地圖組件實現(xiàn)較為簡單。
【資料圖】
地圖組件一直是 ECharts 中使用非常廣泛的組件。一般地圖組件會使用存儲了經(jīng)緯度的 GeoJSON 格式的數(shù)據(jù)，而 ECharts 則計算出合適的顯示區(qū)域然后把經(jīng)緯度線性映射到這個區(qū)域，這是一種最簡單的地圖投影方式。
02?最終效果
看著這種效果，是不是覺得很酷！話不多說，馬上開始！
03?準(zhǔn)備工作
安裝ECharts
下載最新版本的ECharts(官網(wǎng))
/zh/
下載經(jīng)緯度數(shù)據(jù)
下載中國經(jīng)緯度的 GeoJSON json數(shù)據(jù)(國內(nèi)在高德地圖下載)
/portal/school/atlas/area_selector
重命名文件
把下載的json文件保存到項目目錄并命名為，數(shù)據(jù)里面存儲了國內(nèi)34個省級行政區(qū)域的地理經(jīng)緯度坐標(biāo)信息。
代碼
如果實在不知道代碼怎么寫？沒關(guān)系，小趣已經(jīng)幫大家準(zhǔn)備好了，可以參考著來哦~
04?代碼
05?寫在最后
ECharts不僅能做出地圖隨機選擇和高亮的效果，在其他數(shù)據(jù)可視化場景下的表現(xiàn)也是很棒的！有興趣的小伙伴可以自行研究一下~
標(biāo)簽：
