'BMap' is not defined 解决方案

2024-06-03 18:15:48

webpack 配置文件

如果只是第一步，你调用百度地图api时，报错： Bmap is not defined ，那么就配置 webpack 配置文件**（webpack.base.conf.js）的module.exports中加个externals：**

module.exports = {

context: path.resolve(__dirname, '../'),

entry: { app: './src/main.js' },

//百度地图配置20180518

externals: {

"BMap": "BMap"

}, ... }

vue3.0写法

package.json文件添加

"externals": {

"BMap": "BMap"

},

调用

另一种方式：异步加载
跟百度api官网里的异步加载很像。首先跟入口 js（main.js）一样，新建一个 map.js 。（ak 就是你的密钥）

export function MP(ak) {

return new Promise(function (resolve, reject)

window.onload = function () {

resolve(BMap)

}

var script = document.createElement("script");

script.type = "text/javascript";

script.src = "http://api.map.baidu.com/api?v=2.0&ak="+ak+"&callback=init"; script.onerror = reject; document.head.appendChild(script);

})

}

在页面中调用：

'BMap' is not defined 解决方案相关推荐

'BMap' is not defined 解决方案，亲测有效
webpack 配置文件如果只是第一步,你调用百度地图api时,报错: Bmap is not defined ,那么就配置 webpack 配置文件**(webpack.base.conf.js) ...
'BMap' is not defined 导致百度地图无法正常显示的解决方案，亲测有效！
友情提示:在正常安装导入后调用百度地图,页面仍无法正常显示出地图画面的前提下,请继续尝试下面两种解决方案!终端接入百度地图的方法方法一:异步加载(Vue项目) 第一步:注释之前在index.html ...
初试BMap时出现BMap is not defined错误（HTML页面）
初试BMap时出现BMap is not defined错误(HTML页面) 原因: 如下是百度官网给出的demo,虽然人家的src中不需要加http就可以,但是我的就不行所以解决办法:加上htt ...
vue 项目在index.html页面直接引入jq库，报错$ is not defined解决方案
近日在vue项目开发中遇到一个问题:vue 项目在index.html页面直接引入jq库,报错$ is not defined解决方案... 首先说一下为什么会出现这个错误,其实项目发布到线上是不会出 ...
百度地图BMap is not defined（Bmap未定义）
看了下我的api请求都是正常的但是就是一直提示BMap is not defined,而且我在别的页面是能够正常调用的,到了这个页面就不行了,一开始以为是没有异步加载,根据官网方案改为了异步加载 & ...
vue引入百度地图报错 BMap未定义 error ‘BMap‘ is not defined
vue项目引入百度地图报错 BMap未定义; 在经过了多次的测试后,修改webpack等配置文件后,发现了一个十分便捷的处理方法: 首先是在地图加载的方法中打印了window,发现BMap是挂载在w ...
vue项目调用百度地图 BMap is not defined
这次老板新接了一个四点半官网页面,使用vue来写.emm--我感觉整个人都不好了,两天半解决了20个静态页面.还好vue写页面简直飞快,遇到一个vue的新坑,使用百度地图. 研究了好一会,总是报错BM ...
Q: 'BMap' is not defined？BMap初始化报错爆红
根据官方文档,在vue页面中初始化百度地图,new BMap报错爆红线? 解决方案: 在BMap.Map前面加window,即new window.BMap.Map,成功解决报错爆红~
解决BMap is not defined？
除了上篇文章在配置文件中修改之外,还有其他方法, 先重复第一种 module.exports = { entry: './src/main.js', externals:{ 'BMap':'BMap' ...

最新文章

热门文章