微信小程序-逆地址解析

根据经纬度查询周围小区用到的是逆地址解析的功能,所谓的逆地址解析是指根据经纬度获取位置的相关描述,在申请完密钥后下载微信小程序 Javascript SDK 调用其提供的方法即可实现查询周围小区的功能。

 第三步:下载并解压后将 Javascript SDK 放到 libs 目录下,然后到 utils/qqmap.js 中配置腾讯位置服务的密钥。

 然后在调用 SDK 提供的 reverseGeocoder 方法获取位置描述:

 

 具体代码如下:

// house_pkg/pages/locate/index.ts
// 导入腾讯位置服务提供的 Javascript SDK
import qqmapsdk from '../../../utils/qqmap'
Page({
  /**
   * 页面的初始数据
   */
  data: {
    address: '',
    points: []
  },

  onLoad(){
    // 页面一加载就获取用户所在周围小区
    console.log(6666);
    this.getLocation()
  },

  //获取 用户所在位置经纬度  主动获取
  async getLocation() {
    console.log(1111111);
    //获取 用户所在位置经纬度
    const {
      latitude,
      longitude
    } = await wx.getLocation()
    // 查看经纬度
    console.log(latitude, longitude, 55)
    // 调用 SDK 提共的方法 根据经纬度获取位置信息
    this.getPoint(latitude, longitude)
  },
  // 用户点击【重新定位】按钮时调用 wx.chooseLocation 获取用户指定位置的经纬度
  async chooseLocation() {
    // 用户所在位置经纬度
    const {
      latitude,
      longitude
    } = await wx.chooseLocation()
    // 查看经纬度
    console.log(latitude, longitude, 56)
    // 调用函数 根据经纬度获取位置信息
    this.getPoint(latitude, longitude)
  },

  getPoint(latitude, longitude) {
    console.log(latitude, longitude, 888888);
    // 逆地址解析(根据经纬度查询位置相关描述)
    qqmapsdk.reverseGeocoder({
      // location: [latitude, longitude].join(','), //获取表单传入的位置坐标
      location: '30.707141,114.400824', //获取表单传入的位置坐标  固定坐标
      success: (res) => {
        console.log(res, 7777);
        // 结果为当前所在的地址
        this.setData({
          address: res.result.address
        })
      },
    })
    // 搜索
    qqmapsdk.search({
      keyword: '住宅小区', //搜索关键词
      // location: [latitude, longitude].join(','), //设置周边搜索中心点
      location: '30.707141,114.400824',   //设置周边搜索中心点  固定坐标
      success: (res) => { //搜索成功后的回调
        console.log(res, 2222);
        let points = res.data.map(item => {
          return {
            id: item.id,
            title: item.title,
            _distance: item._distance
          }
        })
        console.log(points, 3333);
        // 更新数据,重新渲染
        this.setData({
          points
        })
      },
      fail: function (res) {
        console.log(res);
      },
      complete: function (res) {
        console.log(res);
      }
    })
  },
  // 选择楼栋
  goBuilding(ev) {
    console.log(ev, 88);
    wx.navigateTo({
      url: '/house_pkg/pages/building/index?point=' + ev.mark.point,
    })
  },

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值