Vue中获取当前定位城市名

首先百度地图的API

	http://api.map.baidu.com/api?v=2.0&ak=个人密钥

那么我们先要申请密钥点击 百度地图开放平台
进入 登录个人的百度账号后网页最下方，点击申请密钥
会看到这个界面

应用类型选择浏览器端，小程序的话就选微信小程序
根据下方提示设置白名单后，点击提交。完成后可以在查看应用中查看
注意：个人密钥妥善保管！！

好了，准备完成，我们正式开始。
第一步：在Vue工程目录下，index.html文件中引入

第二步：在build文件夹下webpack.base.conf.js文件module.exports中

externals: {
    'BMap': 'BMap'
 }

第三步：重新npm run dev

第四步：在需要用到的组件中引入

import BMap from 'BMap'

配置完成
获取地图代码：

	//注意：地图显示的这个div一定要设置高度，否则不会显示

获取当前位置城市名代码：