echarts是一款中國產的開源可視化圖表庫,擁有豐富的圖表類型和數據交互功能。在實際項目中,echarts的應用越來越廣泛。
而在使用echarts的過程中,要展示地圖數據,就需要使用對應的地圖json。其中,echarts提供了鄉鎮村級別的地圖數據json,可以通過下面的代碼在項目中調用:
let mapName = village_map // json文件名 let mapData = [] // json文件數據 function getMapJson() { return new Promise((resolve, reject) =>{ $.getJSON(`/static/data/map/${mapName}.json`, function(res) { // json文件存入mapData變量中 mapData = res resolve() }).fail(() =>{ reject(new Error(`地圖數據文件 ${mapName} 加載失敗...`)) }) }) }
上述代碼中,我們首先定義了地圖json文件的文件名(village_map),以及用于存儲json數據的變量(mapData)。getMapJson函數則是將json文件以Promise的方式加載到mapData中。
通過引入echarts和以上代碼的調用,我們就可以在項目中使用echarts鄉鎮村級別的地圖json數據了。