echarts 模擬遷徙


echarts 3 的功能貌似加了不少額

 

官方demo:http://echarts.baidu.com/demo.html#geo-lines

 

地圖是基於地理地圖的

百度提供了一些地圖:http://echarts.baidu.com/download-map.html

可以作為js或json引入

 

如果需要其他地圖怎么辦呢?

 

最簡單的就是有人提供下載了…

地址:http://ecomfe.github.io/echarts-map-tool/

也提供js和json下載

image

 

 

下載的沒有合適的,那么會用 Arcgis 的話

可以通過 ArcMap 來生成

將導出的 EsriJSON 通過網站轉換下…

http://esritogeo.herokuapp.com/

 

 

如果不會 Arcgis…

那么就找網站自己畫吧…

http://geojson.io/#map=16/36.1642/120.4933

在網站上畫個多邊形…

右側生成json

image

 

注意要自己加上名字:

"properties": {
        "name": "測試地圖"
      }

然后把生成的json寫到頁面里

var mapjson = ‘{json數據}’;
echarts.registerMap('ownmap', mapjson );

就可以在geo里用自己畫的地圖了

image

 

 

剩下的照着demo自己改下坐標行了

看下改地圖的效果

image

話說我這個圖畫的好丑的說…


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM