百度 Echarts 地图->模拟迁徙,实现自动切换地图
刚好有个项目,然后前端找了这个百度的echarts地图,领导说好,然后说要让它自动切换地图,就丢给我了。。。不过还好,做出来了。可惜的是,效果是实现了,最后却被更高级的领导pass掉,但决定写下这篇博客,或许能帮到有需要的人。
当时这个项目,是用于大看屏的,那种挂在墙上的大屏幕,长度6米左右样子。
现在,重新在官网上弄个简单的例子,重现下这个效果。
Echarts官网 -> 地图 -> 模拟迁徙 官网示例地址:
http://echarts.baidu.com/demo.html#geo-lines
需要实现的效果:如图1,实现右下角“北京”、“上海”、“广州”的自动切换,定时切换。
图1
我是个肝java的,这个echarts也要部署到服务器才能跑起来,如果有大佬有更好的方法,可以在评论下留言,一起讨论学习。
步骤一、去官网下载两个js,下面是下载地址还有图片
①echarts.js :