小程序开发

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

2022-05-12  本文已影响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 => {
            }
          })
        }
      })
    },
  },
上一篇 下一篇

猜你喜欢

热点阅读