Vue中使用百度地图

1、申请百度地图ak

• ak会在引入百度js的时候用到

2、引入百度地图js

• 在public/index.html里面添加下面代码，注意把“你的ak”替换成你申请的ak

3、配置webpack

• 找到webpack.base.conf.js

module.exports = {
  context: path.resolve(__dirname, '../'),
  entry: {
    app: './src/main.js'
  },
  externals: {
    "BMap": "BMap"
  },
}

4、在页面中调用

需要注意的是：

如果你在mounted生命周期之前进行操作，会报错。