一开始我是直接用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' })
然后就可以按照百度开发平台的步骤来了,