loadBMap() {
return new Promise(function(resolve, reject) {
if (typeof window.BMap !== 'undefined') {
setTimeout(e=>{
//百度地图加载之后导致页面可滚动问题
let iframe = document.body.childNodes[document.body.childNodes.length -1];
document.body.removeChild(iframe);
},1000);
resolve(window.BMap)
return true
}
window.onBMapCallback = function() {
resolve(window.BMap)
}
let script = document.createElement('script')
script.type = 'text/javascript'
script.src =
'http://api.map.baidu.com/api?v=3.0&ak=7RMy465oWLk4VlLGTkMG7sVSXU4zt1LP&callback=onBMapCallback'
script.onerror = reject
document.head.appendChild(script)
})
},
location(success, faile) {
this.loadBMap().then(BMap => {
setTimeout(e=>{
//百度地图加载之后导致页面可滚动问题
let iframe = document.body.childNodes[document.body.childNodes.length -1];
document.body.removeChild(iframe);
},1000);
try {
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function(r) {
if (this.getStatus() == BMAP_STATUS_SUCCESS) {
success(r.point);
} else {
faile(this.getStatus());
}
});
} catch (e) {
Vue.prototype.$throw(JSON.stringify(e));
faile(e)
}
}).catch(error => {
Vue.prototype.$throw(JSON.stringify(error));
faile(error)
})
},
Vue cdn引入百度地图导致的页面滚动问题
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 项目中集成了百度地图,遇到一个bug, 多个ViewController都有创建MapView的对象,在子页面中的...
- 在使用Bootstrap中模态框过程中,如果出现多层嵌套的时候,如打开模态框A,然后在A中打开模态框B;或者打...
- 这个是EditText获取焦点导致的,只要在父容器中加入 ps:这样只解决了一部分情况,还有一个方法可以彻底解决这...