Echarts 是一個由百度開源的可視化圖表庫,其中的地圖模塊又分為地圖和地理坐標系兩個模塊。而開發人員在使用地圖模塊時,最重要的就是搞清楚地圖數據的來源。自己造數據,顯然是不科學的做法,因此 Echarts 提供了大量的地圖數據,可供使用者選擇。
但是在實際應用中,有時候 Echarts 提供的地圖數據不夠用,需要我們自己定制地圖數據。這時,就需要用到 Echarts 的地圖 JSON 數據了。
Echarts 中的地圖 JSON 數據,其實就是一個地圖上所有區域的坐標點,經緯度等信息的集合,而這個集合需要遵循一定的數據格式,在 Echarts 的官方文檔中也有詳細的說明。下面是一份簡單的模擬數據:
{ "type": "FeatureCollection", "features": [{ "type": "Feature", "properties": { "id": "0001", "name": "北京市", "cp": [116.4551, 40.2539], "childNum": 1, "childData": {} } "geometry": { "type": "Polygon", "coordinates": [ [[116.4551,40.2539],[116.4113,40.2117],...,[116.4551,40.2539]] ] } }] }
這是一個省市區域的 JSON 數據示例,其中`type`表示 GeoJSON 類型,`features` 是一個數組,里面每個元素是一個特定區域的具體信息,而在 `properties` 和 `geometry` 之中則分別包含區域屬性和坐標信息。
在使用 Echarts 地圖的時候,直接引用這樣的 JSON 數據即可。當然,一些常見的地圖數據,Echarts也在官方提供了下載渠道,更方便了開發人員的使用。