bmaplib vue 调用_vue项目 调用百度地图 BMap is not defined

这次老板新接了一个四点半官网页面，使用vue来写。emm……我感觉整个人都不好了，两天半解决了20个静态页面。还好vue写页面简直飞快，遇到一个vue的新坑，使用百度地图。

研究了好一会，总是报错BMap is not defined

我只有一个页面需要用到地图，所以我是使用cdn引入的方式来写的，并没有像网上一些教程一样使用npm引入安装。

直接简单粗暴的根据百度地图api来写，虽然报错。那就解决报错的bug就行了。好了，下面开始说说步骤

在需要页面的处引入cdn：

我的是在标签结尾后引用的

在webpack配置里module.exports中加个externals：

module.exports = {

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

entry: {

// app: './src/main.js'

app: ["babel-polyfill", "./src/main.js"] //引入babel-polyfill 兼容IE

},

externals: { "BMap": "BMap" },

}

此处依旧报错

接着，使用异步加载

新建一个map.js，里边的内容

export functionmap(ak) {return new Promise(function(resolve, reject) {