问题描述:
使用框架ionic5.8.1+angular10.2.0;在index.html中直接用script标签引入百度地图,ios正常显示,但安卓的三星,华为某些机型会出现白屏,初步判断是阻塞,所以采用异步动态加载的方式。
declare let BMap:any;
loadBaiduMap() : Promise<any> {
const BMapUrl = 'https://api.map.baidu.com/api?v=2.08&ak=吧啦吧啦&callback=onBMapCallBack';
const s = this.render2.createElement('script');
s.src = BMapUrl;
this.render2.appendChild(document.body,s);
return new Promise(resolve => {
window.onBMapCallBack = ()=>{
resolve(BMap);
}
})
}