高德地图 点 线 和轨迹回放经验总结

官方文档示例地址：https://lbs.amap.com/demo/list/js-api

注：  高德地图提供了完善的API 在这里我是对之前的项目进行经验总结。

首先 创建地图

地图对象创建包含的要素

在此基础上进行坐标点标记的生成

可以生成多个点

icon 其实也可以是实例化的对象 ,可以灵活的定义icon尺寸，大小，偏移量

icon实例

最后在地图上生成

两种方式

注：要么是对象 要么是数组噢

线的绘制其实更简单一些，相当于无数个点的相连

事例

注意：这里的参数 点用的是this.map.   线用的是map。 写法问题 而已

轨迹回放

事例

综上  关键点在于获取到 经纬度坐标数据！

这是回放的动画调用函数

最后 提示一下 我们引入高德地图的时候 通常在左下角会显示高德的icon 标记。如果想要隐藏掉 可以自己写个css

示例