uni-app 微信小程序 地图 支持搜索 uni.chooseLocation()

uni-app中微信小程序端使用腾讯地图API实现定位、搜索位置

uni.chooseLocation()

需求:需要点击选择地址,唤起地图,定位当前位置,并支持搜索地址,并回填位置信息,获取经纬度。

刚接触uni-app还是有点懵的,虽然语法跟vue一样,但API大多不了解,并开始了一段百度之旅,搜索了若干结果,大多使用uni-app Map地图组件,需要先用户授权,然后获取用户位置信息,然后地图转到用户位置经纬度;实践后发现,地图无搜索地址功能,又开始了一段百度,有些博主说,需要申请 腾讯地图 申请开发者密钥等一系列复杂过程,实属头疼,然后无意间看到 uni-app一个API uni.chooseLocation(OBJECT) ,发现了新大陆,完全符合我的需求。干货多,屁话少。

uni-app 微信小程序 地图 支持搜索 uni.chooseLocation()_第1张图片

官网链接: uni.chooseLocation();

代码块:

uni.chooseLocation({ success: function(res) {

     // console.log('位置名称:' + res.name);

     // console.log('详细地址:' + res.address);

     // console.log('纬度:' + res.latitude);

     // console.log('经度:' + res.longitude); }

});

所有需要的字段API都有提供提供(位置、地址、经纬度)

直接上效果图:

uni-app 微信小程序 地图 支持搜索 uni.chooseLocation()_第2张图片
uni-app 微信小程序 地图 支持搜索 uni.chooseLocation()_第3张图片
uni-app 微信小程序 地图 支持搜索 uni.chooseLocation()_第4张图片

你可能感兴趣的:(uni-app 微信小程序 地图 支持搜索 uni.chooseLocation())