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

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

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

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

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

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

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

THE END