高德地图车辆行驶轨迹动态绘制Demo

前几天公司数据部门提了个需求,要求开发一个简单的车辆行驶轨迹回放工具,根据VIN和时间从后台拉取数据,然后在地图上绘制出来并动态回放,今天记录一下具体开发思路。

首先,拿到的数据格式是这样的:

[{
	"longitude": 116.524429,
	"latitude": 29.878064
}, {
	"longitude": 116.524431,
	"latitude": 29.878065
}, {
	"longitude": 116.524432,
	"latitude": 29.878066
}]

然后,要求实现的效果是这样的:

最后,实现的Demo是这样的:

注意事项:下载项目后需要先补充高德地图官方KEY,然后更改ajax的接口地址,首次打开并不会直接加载显示地图,当点击查询轨迹按钮请求到数据后才会加载地图并绘制轨迹。

上一篇 [在线工具] 一键在线去皮皮虾视频水印
下一篇 layui图片自适应大小预览
清风

清风管理员

如影随形

本月创作热力图