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

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都有提供提供(位置、地址、经纬度)

直接上效果图:

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容