解决BMap is not defined？

除了上篇文章在配置文件中修改之外，还有其他方法，
先重复第一种


module.exports = {  entry: './src/main.js',  externals:{  'BMap':'BMap'  },
...
}

然后在目标vue文件中调用

 import BMap from 'BMap'

后来我有朋友介绍了一个挺实用的方法，跟百度api官网里的异步加载很像，完美的解决了这个问题。在vue论坛里发现有朋友遇到类似的挂载类库出错的问题，我把这个方法分享给他后也轻松解决了，所以我觉得有必要分享给更多人。废话不多说，首先跟入口js一样，新建一个map.js

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);  })
}

在你的百度地图页面中调用(ak 就是你的密钥)

import {MP} from './map.js'

mounted(){  this.$nextTick(function(){  var _this = this;  MP(_this.ak).then(BMap => {  //在此调用api  }）

同样的，挂载其他外部类库有问题时也可以尝试这样做。
对了，还可以这样引入地图

<script type =“text / javascript” src =“http://api.map.baidu.com/api?key=&v=1.1&services=true”>
</ script>

或者

<script type =“text / javascript” src =“http://api.map.baidu.com/api?v=1.0&ak=ui7X2CSu3ITjojARL4tILi5W1i9gkDVS”>
</ script>

其中，下面的代码也可以在C＃中正常显示的:(（AK为我的应用）

解决BMap is not defined？相关推荐

vue引入百度地图报错 BMap未定义 error ‘BMap‘ is not defined
vue项目引入百度地图报错 BMap未定义; 在经过了多次的测试后,修改webpack等配置文件后,发现了一个十分便捷的处理方法: 首先是在地图加载的方法中打印了window,发现BMap是挂载在w ...
初试BMap时出现BMap is not defined错误（HTML页面）
初试BMap时出现BMap is not defined错误(HTML页面) 原因: 如下是百度官网给出的demo,虽然人家的src中不需要加http就可以,但是我的就不行所以解决办法:加上htt ...
C#调用百度地图API入门解决BMap未定义问题
本文主要是最近帮助好友研究JavaScript的百度地图API,同时显示到C# Winform界面.同时遇到了BMap未定义的错误(BMap is not defined)及解决方法.以前写过基于An ...
vue项目调用百度地图 BMap is not defined
这次老板新接了一个四点半官网页面,使用vue来写.emm--我感觉整个人都不好了,两天半解决了20个静态页面.还好vue写页面简直飞快,遇到一个vue的新坑,使用百度地图. 研究了好一会,总是报错BM ...
'BMap' is not defined 解决方案，亲测有效
webpack 配置文件如果只是第一步,你调用百度地图api时,报错: Bmap is not defined ,那么就配置 webpack 配置文件**(webpack.base.conf.js) ...
百度地图BMap is not defined（Bmap未定义）
看了下我的api请求都是正常的但是就是一直提示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 ...
Q: 'BMap' is not defined？BMap初始化报错爆红
根据官方文档,在vue页面中初始化百度地图,new BMap报错爆红线? 解决方案: 在BMap.Map前面加window,即new window.BMap.Map,成功解决报错爆红~

解决BMap is not defined？

解决BMap is not defined？相关推荐

最新文章

热门文章