uniapp获取当前城市编号和信息

前言:

本篇文章使用的腾讯地图的api,获取当前地址是uniapp的,也可以根据其他地图进行查找。获取到当前城市坐标也可以自行使用其他的地图。


目录

一、首先获取用户所在地

1.获取授权信息

2.获取地理位置

3.根据地理位置查找城市

4.城市的信息


一、首先获取用户所在地

1.获取授权信息

    const that=this         
    uni.authorize({
        scope: 'scope.userLocation', // 获取地理信息必填的参数,其它参数见文档
        success(res) {
             that.getLocationFn()
          },
         // 授权失败
          fail(err) {
              uni.showModal({
                   title: '温馨提示',
                   content: '此功能需要授权后使用!',
                   confirmText: '前去授权',
                   success(res){
                        if(res.confirm){
                            uni.openSetting({
                                success(res) {//打开设置页面
                                
资源下载链接为: https://pan.quark.cn/s/1bfadf00ae14 在uni-app开发中,获取省市区详细位置信息是常见需求,通常有两种实现方式:地图搜索定位picker组件手动选择。 一、地图搜索定位获取地址 uni-app通过uni.chooseLocation方法实现地图定位。此方法调用系统地图应用,用户可选择位置,返回包含地址、经纬度等信息的对象。成功回调中需处理返回的res,通过formatLocation函数格式化为便于使用的地址结构。该函数解析res.address,提取省、市、区及详细地址,存储于对象中。 formatLocation函数使用正则表达式匹配地址字符串,提取省市区信息。它包含两个正则表达式,分别处理含“市”或“地区”含“省”的地址。最终返回addressBean对象,包含省份(REGION_PROVINCE)、城市(REGION_CITY)、区县(REGION_COUNTRY)及完整地址(ADDRESS)。 若用户选择位置失败,uni.getSetting用于检查是否授权获取地理位置。未授权时,弹出对话框询问用户是否授权。用户同意后,调用uni.openSetting打开设置页面,开启位置权限。权限设置成功后,提示用户。 二、picker组件手动选择地址 picker组件用于手动选择省市区,需配合数据源实现。用户在界面滚动选择行政区划,组合成完整地址。此方式未在代码中展示,但数据结构与formatLocation类似,选择过程由用户交互驱动。 三、封装与使用 为便于实际项目使用,将功能封装为getLocation函数。在页面或组件中调用该函数,传入目标对象、地址字段名位置名称。用户选择或定位到位置后,应用可更新显示地址信息。 总结 uni-app获取省市区详细位置信息的关键知识点包括:1. 使用uni.choose
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值