Bootstrap

uniapp使用百度地图获取城市信息

一开始我是直接用uniapp的map组件来展示地图的,申请百度地图key值后用uni.getlocation来获取位置信息的,但是这只能获取到经纬度,拿不到城市信息,即使设置了geocode为true也不行。

	 methods:{
		getLocal(){
			uni.getLocation({
				type: 'wgs84',
				geocode:true,
				success: function (res) {
					this.longitude=res.longitude
					this.latitude=res.latitude
				     console.log('当前位置的经度:' + res.longitude);
					console.log('当前位置的纬度:' + res.latitude);
				}
			});
		}
	 }

然后就换了一种方法,在终端下载vue-baidu-map

npm install vue-baidu-map --save

然后在main.js中引入

//引入百度地图api
import BaiduMap from 'vue-baidu-map'
Vue.use(BaiduMap, { ak: 'ghKEGlOd60y0hN3kqBqSrivpsB3KQzkTG' })

然后就可以按照百度开发平台的步骤来了,

;