vue中使用高德地图

高德开放平台网址 ↓

https://lbs.amap.com/?ref=https://console.amap.com

点击右上方“控制台”，登录。

高德地图申请key的教程 ↓

https://lbs.amap.com/api/javascript-api/guide/abc/prepare

文档 ↓

https://elemefe.github.io/vue-amap/#/zh-cn/introduction/install

原码 ↓

https://gitee.com/mirrors/vue-amap

安装vue-amap ↓

npm install vue-amap --save 

main.js文件中 ↓

import AMap from 'vue-amap'

Vue.use(AMap);
AMap.initAMapApiLoader({
  key: '自己在高德地图申请的key',
  plugin: ['AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'AMap.PolyEditor', 'AMap.CircleEditor'],
  v:'1.4.4'
});

后面更详细的内容太多太多太多啦，各种博主写得也是大同小异，就自己看各种文档慢慢研究吧~