定位2.小程序一个按钮获取定位授权以及设置,封装调用

详见:码云小程序demo1
1.wxml:
<button bindtap="getAddress3">获取定位</button>
2.js
import Router from '../../utils/index'
import {
  getLocationWithSetting
} from '../../utils/location'
Router({
  async getAddress3() {//异步 执行函数getLocationWithSetting
     let res = await getLocationWithSetting()
     console.log(res);
  },
}
3.封装的utils/location  getLocationWithSetting
import {
  $msg
} from './index'

/**
 * 获取经纬度
 */
export async function getLocationWithSetting() {
  //先查看是否有定位权限
  let res = await getSetting('scope.userLocation')
  //如果有权限,或者第一次请求此权限,则正常获取位置
  if (res || res === undefined) {
    return await getLocation()
  } else {
    //如果之前请求权限被拒绝过,则打开设置页
    let res1 = await openSetting('scope.userLocation')
    //根据设置页的结果,再次获取定位
    if (res1) {
      return await getLocation()
    } else
      $msg("为了不影响您的使用,请授权定位")
  }
}
/**
 * 获取目前请求过的权限
 * @param {*} permission 
 */
export function getSetting(permission) {
  return new Promise((resolve) => { //使用Promise,成功返回resolve
    wx.getSetting({ //获取用户当前设置,将定位权限的结果返回
      success: (res) => {
        resolve(res.authSetting[permission])//permission='scope.userLocation'
      }
    })
  })
}
/**
 * 打开设置页
 * @param {*} permission 
 */
export function openSetting(permission) {
  return new Promise((resolve) => {
    wx.openSetting({//弹出设置页 成功返回true/false
      success: (res) => {
        resolve(res.authSetting[permission])//permission='scope.userLocation'
      }
    })
  })
}

function getLocation() {
  return new Promise((resolve) => { //使用Promise,成功返回resolve
    wx.getLocation({ //使用getLocation,询问授权
      success({ //成功返回解构的lng,lat
        longitude: lng,
        latitude: lat
      }) {
        resolve({
          lng,
          lat
        });
      },
      fail: () => $msg("为了不影响您的使用,请授权定位") //失败提示
    })
  })
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值