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

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

原文地址:https://www.cnblogs.com/sun8134/p/6339808.html