这是异步加载的方式引入百度地图api
methods: {
loadScript() {
var script = document.createElement("script")
script.type = "text/javascript"
script.src = "https://api.map.baidu.com/api?v=1.0&type=webgl&ak=sIxGGkFMxbPqTVDGBFW9NuHduZUeyniW";
document.body.appendChild(script)
script.onload = () => {
this.init();
}
},
init() {
console.log('BMap-4')
console.log(window.BMapGL)
console.log(this.$refs.allmap)
let BMapGL = window.BMapGL
let map = new BMapGL.Map(this.$refs.allmap)
var point = new BMapGL.Point(116.404, 39.915);
map.centerAndZoom(point, 15)
}
},
created() {
},
mounted() {
this.$nextTick(() => {
this.loadScript()
}
)
}
