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 ，如需转载请自行联系原作者

echarts 模拟迁徙相关推荐

Echarts模拟迁徙之飞机变小车
Echarts模拟迁徙之飞机变小车小车样式小车路径在模型迁徙代码块中位置 Echarts中所有代码最终效果小车样式小车样式通过AI(Adobe Illustrator)软件设计完成小车路 ...
echarts模拟迁徙图
index.html <!DOCTYPE html> <html><head><meta charset="UTF-8"><t ...
利用ECharts3来实现ECharts2实例中的模拟迁徙效果，即背景地图为百度地图。标签： ECharts3Echarts2模拟迁徙百度地图引入
利用ECharts3来实现ECharts2实例中的模拟迁徙效果,即背景地图为百度地图. 很多小伙伴都来要demo源码,现在我把demo放在我的GitHub上了. https://github.com/ ...
利用ECharts3来实现ECharts2实例中的模拟迁徙效果，即背景地图为百度地图。标签： ECharts3Echarts2模拟迁徙百度地图引入 2016-10-24 16:21 10065人阅
利用ECharts3来实现ECharts2实例中的模拟迁徙效果,即背景地图为百度地图. 标签: ECharts3Echarts2模拟迁徙百度地图引入 2016-10-24 16:21 10065人阅 ...
离线地图开发之模拟迁徙（含源代码）
源代码:来源:http://www.bigemap.com/offlinemaps/demo/echarts_geolines.html <!DOCTYPE html> <html& ...
在Vue项目中使用echarts完成迁徙图（Map组件）
在Vue项目中使用echarts完成迁徙图此章个人理解:参考原有的代码基础上,完成了一个地图迁徙的组件先了解一下整体代码, 有能力的可以参照整体完成, 下面也会列出详细步骤解答代码我放在了gith ...
android webview测速,学习分享，echarts模拟宽带测速效果附Demo演示地址！！
相信大家在平时的开发过程中经常会需要和图形图标打交道,最近接到一个需求,制作一个类似宽带测速的界面,要求使用仪表盘表示宽带下载速度,折线图表示上传速度并用柱状图跳动表示每一秒由客户端向各大媒体网站百度 ...
地图 svg中国地图、echarts百度迁徙图
总结下最近使用过的地图控件: 第一种 svg中国地图 demo:http://www.oschina.net/code/snippet_54124_36979 这个很简单,照着demo里面直接调用就可 ...
158：vue+openlayers 地图上Echarts模拟飞机循环飞行
第158个点击查看专栏目录本示例的目的是介绍演示如何在vue+openlayers中添使用Echarts的模拟飞机飞行,借助于一个插件ol-echarts可以加载Echarts相关的配置,关键点是 ...
学习分享，echarts模拟宽带测速效果附Demo演示地址！！
相信大家在平时的开发过程中经常会需要和图形图标打交道,最近接到一个需求,制作一个类似宽带测速的界面,要求使用仪表盘表示宽带下载速度,折线图表示上传速度并用柱状图跳动表示每一秒由客户端向各大媒体网站百度 ...

echarts 模拟迁徙

echarts 模拟迁徙相关推荐

最新文章

热门文章