一、业务需求
近日,业务提出了一个需求,即在系统上实现类似淘宝查看物流轨迹时的那个地图展示:展示除中国地图,有一个小车,放在相关的线路上,展示出小车走的相关路线。
我虽说这个需求涉及路径规划等,依靠我一个后台开发,做不出来。但事后还是觉得挺有意思的,所以想看看凭着自己的努力能做个什么样子的,于是开始搜索相关的技术。
二、Echarts
2.1 找合适的图形
我是听过Ecahrts有类似的功能的,于是直接输入“Echarts”,开始百度,进入相关的地址,进入如下地址,发现【地图-数据迁徙】这个模型不错,修改下,应该能作为一个简图使用。
经过探索、调整,对相关的参数、功能也有了大概的了解。觉得这个图可以用。于是开始进行本地demo的编写。
2.2 下载echarts.js
在上述网站的下载处进行下载后,解压缩后得到了一个文件包,初次没有找到echarts.js,于是又百度Apche Echarts,在相关网站上下载到了echarts.js,后续发现其实在上述文件夹的【build->dist】文件夹下有相关的文件。
此处不是赘述,而是重点,注意两个地方得到的文件版本好像不一样
三、编写DEMO
由于我本地项目使用了Layui&#