高德地图车辆行驶轨迹动态绘制Demo – NA博客

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

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

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

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

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

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

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

清风

心中有梦想就要一如既往,不能遇到困难说放就放,千锤百炼才能磨炼出好钢,饱经风霜才能更强。

相关推荐

4 条评论

  1. 刘帅

    铁汁,ajax地址怎么写

    • 清风

      下载源码后把index.html中的(http(s)://接口地址)换成你自己的接口地址就行了,数据格式与文中的要保持一致,不一致需要修改js代码。

  2. 斯威

    刚好需要,感谢博主

    • 清风

      不客气的

发表评论

电子邮件地址不会被公开。 必填项已用*标注



微信扫一扫,分享到朋友圈

高德地图车辆行驶轨迹动态绘制Demo
返回顶部

显示

忘记密码?

显示

显示

获取验证码

Close