您现在的位置是：网站首页> 编程资料编程资料
vue使用百度地图报错BMap is not defined问题及解决_vue.js_
2023-05-24
384人已围观
简介 vue使用百度地图报错BMap is not defined问题及解决_vue.js_
使用百度地图报错BMap is not defined
1、在index.html添加
密钥申请：http://lbsyun.baidu.com/apiconsole/key
2、webpack.base.conf.js
externals: { "BMap": "BMap" }, vue导入百度地图BMap
在项目的根目录下的index.html文件中添加如下代码
vue项目引入百度地图 报错 BMap未定义;
在经过了多次的测试后,修改webpack等配置文件后,发现了一个十分便捷的处理方法:
首先是在地图加载的方法中打印了window,发现BMap是挂载在window上的,所以直接使用BMap会报错;
在使用的BMap时需要在window身上去找,所以只需要增加以下代码就可以解决BMap is not defined的问题
附完整代码 :
以上为个人经验，希望能给大家一个参考，也希望大家多多支持。
您可能感兴趣的文章:
