高德地图手动实现轨迹，vue

预览效果

1、高德地图的官网
使用的是web端，jsapi；
https://lbs.amap.com/api/jsapi-v2/summary

2、准备 https://lbs.amap.com/api/jsapi-v2/guide/abc/prepare
注册账号——申请key，安全密钥，完全跟着官网走

• 准备页面
  
• JSAPI key和安全密钥的使用
  

3、开发

1. 渲染地图
   
2. 设置自定义图层
   
3. 设置图层render事件
   
4. 图层1绘制底图
   
5. 图层2 绘制动图；定时器，动图动起来
   

关键方法
1、ctx.arc 绘制圆
2、绘制贝塞尔曲线；设置渐变曲线

3、※ 很重要的方法——坐标转换 经纬度转为canvas容器的x y值 ，由高德地图提供，map.lngLatToContainer( new window.AMap.LngLat( ...beijingCenter) );

后续待学习：
事件——类似点击，拖拽时，在地图上展示内容或者响应自定义事件
图标——点击展示
等等

目前暂无项目，闲来无事，上班摸鱼，总得做点什么，刚入职就有前端大佬在做地图的保密项目，于是来研究研究高德地图，看能不能实现高德轨迹项目