vue項目中引入百度地圖

1、在public的index.html模板文件中引入百度地圖（PS：如果你的網站域名是https的，這個鏈接就要用https）

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密鑰"></script>

 

 

2、webpack設置中加入拓展配置

externals: {
  'BaiduMap': 'BMap'
},

如果是沒有webpack.config.js則在vue.config.js的configWebpack中配置，如下

 

3、在需要調用的地方引入百度地圖

import BaiduMap from 'BaiduMap'

接着就可以調用他了，如：

var map= new BaiduMap.Map();

具體的調用api就看百度地圖官方的文檔：https://lbsyun.baidu.com/index.php?title=jspopularGL/guide/usage

PS、如果不是vue項目，而是普通的h5項目，則省略2、3步驟 : )