预览效果
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、开发
- 渲染地图
- 设置自定义图层
- 设置图层render事件
- 图层1绘制底图
- 图层2 绘制动图；定时器，动图动起来
关键方法
1、ctx.arc 绘制圆
2、绘制贝塞尔曲线；设置渐变曲线
3、※ 很重要的方法——左边转换 经纬度转为canvas容器的x y值 ，由高德地图提供，map.lngLatToContainer( new window.AMap.LngLat( ...beijingCenter) );
目前暂无项目，闲来无事，上班摸鱼，总得做点什么，刚入职就有前端大佬在做地图的保密项目，于是来研究研究高德地图，看能不能实现高德轨迹项目
标签：vue,jsapi,手动,地图,轨迹,图层,绘制,高德 From： https://www.cnblogs.com/MrZhous/p/17119645.html