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、在页面中调用
#map min-height 100vh

需要注意的是:
【Vue中使用百度地图】如果你在mounted生命周期之前进行操作,会报错。

    推荐阅读