首先百度地图的API
http://api.map.baidu.com/api?v=2.0&ak=个人密钥
那么我们先要申请密钥点击 百度地图开放平台
进入 登录个人的百度账号后网页最下方,点击申请密钥
会看到这个界面
应用类型选择浏览器端,小程序的话就选微信小程序
根据下方提示设置白名单后,点击提交。完成后可以在查看应用中查看
注意:个人密钥妥善保管!!
好了,准备完成,我们正式开始。
第一步:在Vue工程目录下,index.html文件中引入
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"></script>
第二步:在build文件夹下webpack.base.conf.js文件module.exports中
externals: {
'BMap': 'BMap'
}
第三步:重新npm run dev
第四步:在需要用到的组件中引入
import BMap from 'BMap'