微信小程序(五十六)逆地址解析示范

注释很详细,直接上代码

温馨提醒:记得给自己的key配额,基础操作与前提配置参考本专栏第五十四篇
新增内容:
1.逆地址解析基础示范
2.开放经纬度参数
3.只列举修改的js部分,前提配置请看 温馨提醒

源码:

index.js

js 复制代码
// 引入js文件,'../'是往上一级目录,文件地址别搞错了
import QQMapWX from '../../libs/qqmap-wx-jssdk'

//创建实例
const qqmapsdk=new QQMapWX({//填上自己之前创建并分配了额度的key
  key:'QWQBZ-XR5CZ-Z2IXO-Z2FDP-ADRS3-QCBBX'
})
1
Page({
 async onLoad(){
    //解构经纬度
    const {latitude,longitude}= await wx.getLocation({type:'gcj02'})//此处是获取当前经纬度
    this.getPointMessage({latitude,longitude})
  },
  getPointMessage({latitude,longitude}){
    qqmapsdk.reverseGeocoder({//使用经纬度得到当前位置的信息
      location:{latitude,longitude},
      success:(res)=>{
        console.log(res)
      }
    })
  }
})

效果演示:

相关推荐
2501_915918411 小时前
iOS App 测试方法,Xcode、TestFlight与克魔(KeyMob)等工具组合使用
android·macos·ios·小程序·uni-app·iphone·xcode
棒棒的唐2 小时前
微信小程序右上角分享按钮如何根据用户登录状态确定是否允许分享
微信小程序·小程序
2501_915921433 小时前
iOS 描述文件制作过程,从 Bundle ID、证书、设备到描述文件生成后的验证
android·ios·小程序·https·uni-app·iphone·webview
小白学大数据3 小时前
基于 Python 的知网文献批量采集与可视化分析
开发语言·爬虫·python·小程序
毕设源码-郭学长3 小时前
【开题答辩全过程】以 基于微信小程序的医院管理系统为例,包含答辩的问题和答案
微信小程序·小程序
毕设源码-朱学姐3 小时前
【开题答辩全过程】以 基于微信小程序的医疗物资进销存管理为例,包含答辩的问题和答案
微信小程序·小程序
低代码布道师4 小时前
教培管家第06讲:搭建销售工作台——公海争夺与私海管理
低代码·小程序·云开发
柚鸥ASO优化6 小时前
抢占流量入口:小程序名称与关键词的优化指南
小程序
说私域6 小时前
基于链动2+1模式S2B2C商城小程序的营销策略创新与品牌发展研究
小程序·产品运营·流量运营
qq_12498707536 小时前
基于Spring Boot的心理咨询预约微信小程序(源码+论文+部署+安装)
java·spring boot·后端·spring·微信小程序·小程序·毕业设计