uni

您所在的位置:网站首页 腾讯地图可以搜索到但是不显示 uni

uni

2023-07-25 03:05| 来源: 网络整理| 查看: 265

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

uni.chooseLocation()

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

uni-app文档 官网链接: uni.chooseLocation();

代码块:

uni.chooseLocation({ success: function(res) { // console.log('位置名称:' + res.name); // console.log('详细地址:' + res.address); // console.log('纬度:' + res.latitude); // console.log('经度:' + res.longitude); } });

所有需要的字段API都有提供提供(位置、地址、经纬度) 直接上效果图:

页面

在这里插入图片描述

在这里插入图片描述



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3