Layui + Echarts 实现中国地图路径展示

一、业务需求

近日,业务提出了一个需求,即在系统上实现类似淘宝查看物流轨迹时的那个地图展示:展示除中国地图,有一个小车,放在相关的线路上,展示出小车走的相关路线。
我虽说这个需求涉及路径规划等,依靠我一个后台开发,做不出来。但事后还是觉得挺有意思的,所以想看看凭着自己的努力能做个什么样子的,于是开始搜索相关的技术。

二、Echarts

2.1 找合适的图形

我是听过Ecahrts有类似的功能的,于是直接输入“Echarts”,开始百度,进入相关的地址,进入如下地址,发现【地图-数据迁徙】这个模型不错,修改下,应该能作为一个简图使用。
示例图经过探索、调整,对相关的参数、功能也有了大概的了解。觉得这个图可以用。于是开始进行本地demo的编写。

2.2 下载echarts.js

在上述网站的下载处进行下载后,解压缩后得到了一个文件包,初次没有找到echarts.js,于是又百度Apche Echarts,在相关网站上下载到了echarts.js,后续发现其实在上述文件夹的【build->dist】文件夹下有相关的文件。
此处不是赘述,而是重点,注意两个地方得到的文件版本好像不一样

三、编写DEMO

由于我本地项目使用了Layui&#

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值