vue 中加入高德的 定位和轨迹

参考：https://elemefe.github.io/vue-amap/#/zh-cn/coverings/text

https://lbs.amap.com/api/javascript-api/reference-amap-ui/mass-data/pathsimplifier/

1、在vue 项目中的 main.js 中加入 

import VueAMap from 'vue-amap'
/* 高德地图的引入 */
VueAMap.initAMapApiLoader({
    key: '5ab20b9b8aad8959b51d74f0cc3bc0ce',
    plugin: ['AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType'],
    uiVersion: '1.0', // ui库版本，不配置不加载,
    v: '1.4.4'
});

Vue.use(VueAMap);

2、在 index.html 中加入 

 注意：其中的 key 需要自己高德官网去注册获得。

3、这个时候 要把 高德组件加入 项目

  在 terminal 执行 npm install --save vue-amap 

下面是具体的定位代码

 

下面是具体的轨迹代码