方法一:通过引入webpack-require-http插件配合require引入,注意2.1版本require([’’],function(){})是异步加载,之前 require(’’) 同步加载,同步加载一直加载报错,最终实现如下
(1)引入webpack-require-http插件,还是当做外部资源引入这个插件,配置build/webpack.base.conf.js,在module.export中加入externals配置项
externals:[
//注意这里是[]
require('webpack-require-http')
]
(2)组件中使用
beforeMount() {
require(["https://webapi.amap.com/maps?v=1.4.14&key=您申请的key值"],()=>{
setTimeout(()=>{
var map = new AMap.Map('map', {
resizeEnable: true, //是否监控地图容器尺寸变化
zoom: 11,
center: [116.397428, 39.90923]
});
},1500);
})
}
方法二:先封装调用AMap的方法,在组件中直接调用即可
(1)封装异步调用地图的方法AMap.js
export default function MapLoader () {
return new Promise((resolve, re