做之前,试过百度的地图.感觉并不是非常好实现.关于这一方面的文档有,但是都比较老.在翻看很多文档之后,用高德来实现,将官方的demo.使用vue重新开发.
地图的使用可以参考高德官方文档 :
组件 | vue-amapelemefe.github.io先讲一讲思路,先设置车辆初始定位标记小车.定位车辆的位置,将所有的点连接在一起画出来.图上这条蓝色的路径图.就是已经规划的的线,其次再是让小车动起来.设定时间移动标记的小车,从而达到这样的一个效果.
初始化地图建议参考官方文档,因为方法比较多. 到这里基本上就完成了.后续有时间会把代码开源到github上去.
//DoM节点