VUE+Element添加高德地图的功能

效果图：

上代码：
高德API官网地址：http://api.amap.com/ 登录注册一个Key，开通相应的功能
安装
1.npm安装vue-amap

npm install vue-amap --save
1

2.在项目main.js引入vue-amap

// 引入vue-amap高德地图
import VueAMap from 'vue-amap'
Vue.use(VueAMap)

VueAMap.initAMapApiLoader({
  key: '8648de07a2cf666ac1f8c92634d04d37',
  plugin: [
    'AMap.Geolocation',
    'AM
1
2
3
4
5
6
7
8