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

注释很详细,直接上代码

温馨提醒:记得给自己的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)
      }
    })
  }
})

效果演示:

相关推荐
木易士心4 小时前
一文读懂:微信小程序云数据库直连原理与使用指南
微信小程序·serverless
明月_清风12 小时前
小程序云函数:从入门到全栈的“降维打击”指南
前端·微信小程序·小程序·云开发
拉不动的猪1 天前
移动端调试工具VConsole初始化时的加载阻塞问题
前端·javascript·微信小程序
WangHappy3 天前
不写 Canvas 也能搞定!小程序图片导出的 WebView 通信方案
前端·微信小程序
小时前端3 天前
微信小程序选不了本地文件?用 web-view + H5 一招搞定
前端·微信小程序·uni-app
icebreaker4 天前
Weapp-vite:原生模式之外,多一种 Vue SFC 选择
前端·vue.js·微信小程序
icebreaker4 天前
重走 Vue 长征路 Weapp-vite:编译链路与 Wevu 运行时原理拆解
前端·vue.js·微信小程序
大米饭消灭者7 天前
Taro是怎么实现一码多端的【底层原理】
微信小程序·taro
FliPPeDround8 天前
Vitest Environment UniApp:让 uni-app E2E 测试变得前所未有的简单
微信小程序·e2e·前端工程化
FliPPeDround8 天前
微信小程序自动化的 AI 新时代:wechat-devtools-mcp 智能方案
微信小程序·ai编程·mcp