借助腾讯地图api实现逆地址解析

 前言

     借助腾讯地图api实现逆地址解析

1. 准备工作

  1.1 微信登录

  1.2  进入小程序js sdk腾讯地图

      找到腾讯地图的官网，找到地图API，找到微信小程序的对应的开发文档，按着文档的步骤进行设置

 

  1.3申请密钥

  1.4下载sdk

  1.5安全域名设置

      在小程序管理后台 -> 开发 -> 开发管理 -> 开发设置 -> “服务器域名” 中设置request合法域名，添加https://apis.map.qq.com

2. 地址逆解析

       引入，并创建实例

import QQMapWx from '../../utils/qqmap-wx-jssdk.min.js'
var qqmapsdk;

onLoad(options) {
    qqmapsdk = new QQMapWx({
      key: 'UUKBZ-EDDCX-2VG4N-TZFQP-C74FF-HCFVA'
    })
}

      进行逆解析reverseGeocoder

wx.getLocation({
      type: 'gcj02',
      isHighAccuracy: true,
      success: (res) => {
        qqmapsdk.reverseGeocoder({
          location: {
            latitude: res.latitude,
            longitude: res.longitude
          },
          success: (res) => {
            console.log(res)
            this.setData({
              address: res.result.address
            })
          },
          fail(err) {
            console.log(err)
          }
        })
      }
})

3. 切换地址

    准备工作：申请开通

• 在manifest.json中打开源码视图，配置

       在当前页面使用 uni-App 中的 getLocation 、chooseLocation 以及地址逆解析的方法，获取当前位置和选择位置的显示