uni-app中微信小程序端使用腾讯地图API实现定位、搜索位置
uni.chooseLocation()
需求:需要点击选择地址,唤起地图,定位当前位置,并支持搜索地址,并回填位置信息,获取经纬度。
刚接触uni-app还是有点懵的,虽然语法跟vue一样,但API大多不了解,并开始了一段百度之旅,搜索了若干结果,大多使用uni-app Map地图组件,需要先用户授权,然后获取用户位置信息,然后地图转到用户位置经纬度;实践后发现,地图无搜索地址功能,又开始了一段百度,有些博主说,需要申请 腾讯地图 申请开发者密钥等一系列复杂过程,实属头疼,然后无意间看到 uni-app一个API uni.chooseLocation(OBJECT) ,发现了新大陆,完全符合我的需求。干货多,屁话少。
官网链接: uni.chooseLocation();
代码块:
uni.chooseLocation({ success: function(res) {
// console.log('位置名称:' + res.name);
// console.log('详细地址:' + res.address);
// console.log('纬度:' + res.latitude);
// console.log('经度:' + res.longitude); }
});
所有需要的字段API都有提供提供(位置、地址、经纬度)
直接上效果图: