javascript 前端 html 问题记录：BMap api is not loaded

原因：mounted初始化时，异步问题导致百度api未引用完就初始化了

解决：修改引入方式，之前在index.html的head引入script标签，现在新建map.js文件

export function loadBMap(ak) {

return new Promise(function (resolve, reject) {

if (typeof BMap !== 'undefined') {

resolve(BMap)

return true

}

window.onBMapCallback = function () {

resolve(BMap)

}

let script = document.createElement('script')

script.type = 'text/javascript'

script.src =

'http://api.map.baidu.com/api?v=2.0&ak=' + ak + '&__ec_v__=20190126&callback=onBMapCallback'

script.onerror = reject

document.head.appendChild(script)

})

}

引入这个js文件

import { loadBMap } from './map'

我之前的mounted

onMounted(() => {

mChart = echarts.init(target.value)

})

修改后

onMounted(() => {

loadBMap("密钥")

.then(() => {

mChart = echarts.init(target.value)

})

金钥匙