首先安裝amap-jsapi-loader
npm i amap-jsapi-loader --save
然后在utils中創(chuàng)建amap.js,注意AMapKey是申請(qǐng)高德地圖賬號(hào)后魂莫，配置引用的key
import AMapLoader from '@amap/amap-jsapi-loader';
import {AMapKey} from './const-datas'
const install = (Vue) => {
AMapLoader.load({
key: AMapKey, // key
plugins: ["AMap.Geocoder",'Map3D'], // 插件
version:'2.0',
Loca:{ // 是否加載 Loca， 缺省不加載
"version": '2.0.0' // Loca 版本泼差，缺省 1.3.2
},
}).then((amap,b)=>{
Vue.prototype.$Amap = amap
window.Amap = amap
}).catch(err=>{
throw(new Error('加載高德地圖失斄敉：'+err,))
})
}
export default {
install,
}
然后在main.js中引入
import Vue from 'vue'
import Amap from './utils/amap.js'
Vue.use(Amap)
