Vue中获取当前定位城市名

首先百度地图的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'