美文网首页小程序开发
小程序:通过定位联动省市区

小程序:通过定位联动省市区

作者: 东方晓 | 来源:发表于2022-05-12 16:57 被阅读0次

腾讯位置服务:逆地址解析
腾讯位置服务:申请key、引入sdk文件等等···

实现思路:

根据wx.getLocation方法获取当前位置坐标。
根据reverseGeocoder方法获取当前坐标地理位置信息。

注意:会提示https://apis.map.qq.com不是request合法域名
解决方法:
  1. 关掉校验域名
  2. 到小程序控制台添加request合法域名
/** 
先调用微信获取地址的api得到当前位置的经纬度,然后通过经纬度获取详细地址
**/
    getLocation() {
      wx.getLocation({
        type: 'wgs84',
        success: res => {
          qqmapsdk.reverseGeocoder({
            location: {
              latitude: res.latitude,
              longitude: res.longitude
            },
            success: sub => {
              let {
                province,
                city,
                district
              } = sub.result.address_component
              console.log('通过经纬度获取详细地址', sub.result)
            },
            fail: error => {
            }
          })
        }
      })
    },
  },

相关文章

网友评论

    本文标题:小程序:通过定位联动省市区

    本文链接:https://www.haomeiwen.com/subject/nrfeurtx.html