原因: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)
})
})
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net
机房租用,北京机房租用,IDC机房托管, http://www.e1idc.net