微信小程序---定位和逆地址解析

13 篇文章 0 订阅
9 篇文章 0 订阅

1.获取微信小程序定位,首先需要授权

wx.getSetting 获取用户当前的授权状态

wx.openSetting 打开设置界面,引导用户开启授权(是用户已经 授权/拒绝 的权限)

wx.authorize 进行授权 

scope.userInfowx.getUserInfo用户信息
scope.userLocationwx.getLocation, wx.chooseLocation地理位置
scope.addresswx.chooseAddress通讯地址
scope.invoiceTitlewx.chooseInvoiceTitle发票抬头
scope.invoicewx.chooseInvoice获取发票
scope.werunwx.getWeRunData微信运动步数
scope.recordwx.startRecord录音功能
scope.writePhotosAlbumwx.saveImageToPhotosAlbum, wx.saveVideoToPhotosAlbum保存到相册
scope.camera<camera /> 组件摄像头
wx.authorize({
        scope: 'scope.record',
        success() {
          // 用户已经同意小程序使用录音功能,后续调用 wx.startRecord 接口不会弹窗询问
          wx.startRecord()
        }
      })

2.授权后,获取经纬度

直接调用wx.getLocation,获取当前用户的经纬度

let sdf = getLatitude() {

wx.getLocation({
  type: 'gcj02',
  success(res) {
    // console.log(JSON.stringify(res))
    /* latitude:31.8512 longitude:117.26061 */
    let latitude = res.latitude
    let longitude = res.longitude
    console.log('获取到了地址')
    resolve({latitude, longitude})
  },
  fail(rew) {
    console.log('获取失败')
    reject(rew)
  }
})

}

3.已获取到经纬度,进行逆地址解析,返回当前地址信息

重要重要重要重要重要重要重要重要重要重要重要重要重要重要重要重要重要重要重要重要重要重要重要重要

..................................................................................................................................................................

下载微信小程序  JavaScriptSDK

........................................................................................................................................................................

 去腾讯地图申请key值:https://lbs.qq.com/index.html

 

import QQMapWX from '../qqmap-wx-jssdk'
async getLocal({latitude, longitude}) {
  let vm = this
  let qqmapsdk = new QQMapWX({
    key: '*****-*****-*****-*****-*****-*****' // 你申请的key值必填
  })
  qqmapsdk.reverseGeocoder({
    location: {
      latitude: latitude,
      longitude: longitude
    },
    success: function (res) {
      let city = res.result.ad_info.city
      if (city === '') {

      } else {
        vm.city = res.result.ad_info.city  // 城市
        let cityNum = res.result.ad_info.adcode // 城市code
        vm.$apply()
      }
      vm.$apply()
    }
  })
  vm.$apply()
}

 

      

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值