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下载

 

 

下载的没有合适的，那么会用 Arcgis 的话

可以通过 ArcMap 来生成

将导出的 EsriJSON 通过网站转换下…

http://esritogeo.herokuapp.com/

 

 

如果不会 Arcgis…

那么就找网站自己画吧…

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

在网站上画个多边形…

右侧生成json

 

注意要自己加上名字：

"properties": {
        "name": "测试地图"
      }

然后把生成的json写到页面里

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

就可以在geo里用自己画的地图了

 

 

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

看下改地图的效果

话说我这个图画的好丑的说…

本文转自 sun8134 博客园博客，原文链接： http://www.cnblogs.com/sun8134/p/6339808.html  ，如需转载请自行联系原作者