首页 > 编程语言 >微信小程序经纬度转化为具体位置(逆地址解析)

微信小程序经纬度转化为具体位置(逆地址解析)

时间:2022-11-11 17:33:58浏览次数:66  
标签:qq https 经纬度 具体位置 微信 key res com wx

小程序wx.getLocation只能获取经纬度, 这时候想要具体地址就需要借助第三方sdk(逆地址解析) 我这边第三方以腾讯位置服务举例

一. 首先小程序需要申请wx.getLocation接口权限

     1. 登录小程序后台 https://mp.weixin.qq.com/     开发=>开发管理=>接口设置

         

 

 

 2. app.json中配置下

{

    "permission": {
        "scope.userLocation": {
          "desc": "授权定位有助于提高蓝牙水表的连接成功率"
        }
    },
    "requiredPrivateInfos": [
        "getLocation"
    ]
}

3. 现在先注册腾讯地图,获取key
    https://lbs.qq.com/dev/console/key/manage

    然后创建应用=>申请key

  

 

 

 4. 下载SDK
https://lbs.qq.com/qqmap_wx_jssdk/index.html

https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview

 

 

 

最后详细代码:

// index.js
// 引入SDK核心类,js文件根据自己业务,位置可自行放置
var QQMapWX = require('../../utils/tools/qqmap-wx-jssdk.min');
// 实例化API核心类
var qqmapsdk = new QQMapWX({
    key: '申请的key'
});

Page({
  data: {

  },

  // 微信获取位置信息=>腾讯位置服务解析
  getLocationQqmapsdk(){
    wx.getLocation({
        type: "gcj02",
        success(res) {
          console.log(res);
          qqmapsdk.reverseGeocoder({
            location:{
              latitude: res.latitude,
              longitude: res.longitude
            },
            success: function (res1) {
              console.log(res1.result);
              
            },
            fail: function (res) {
              console.log(res);
            }
          })
        },
        fail(err) {

        }
    });
  },

  
});

效果:

 

 

 

字段描述 : 

 

 

腾讯服务文档: https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview

更多参考: https://blog.csdn.net/z3287852/article/details/122145355

标签:qq,https,经纬度,具体位置,微信,key,res,com,wx
From: https://www.cnblogs.com/520BigBear/p/16881224.html

相关文章

  • 淘宝客微信机器人API接口,淘客机器人API,微信机器人API
    淘宝客微信机器人API接口,淘客机器人API,微信机器人API微信二次开发完整API功能文档地址:wkteam.gitbook.io**首先了解一下微信机器人API是什么?**E云API是一个能将个人......
  • 微信小程序 页面跳转
    //关闭当前页面,返回上一页面或多级页面。可通过getCurrentPages()获取当前的页面栈,决定需要返回几层wx.navigateTo({url:'page/home/home?user_id=111'})wx.navi......
  • 微信DAT文件解密(dat转图像)
    微信电脑版现在已经是日常工作生活必不可少的工具,有时候删除了聊天记录或者被系统清理软件清理了,但还想查看曾经的微信聊天图片。这个时候辛辛苦苦找到了文件,却发现无法查......
  • js获取用户的经纬度-geolocation
    参考文章https://www.cnblogs.com/xgqfrms/p/12920409.htmlhttps://stackoverflow.com/questions/3397585/navigator-geolocation-getcurrentposition-sometimes-works-s......
  • 微信小程序
    小程序小程序的模块语法文本渲染{{msg}}条件渲染wx:if=""wx:elif=""wx:else列表渲染wx:for="{{list}}"{{item}}{{index}}wx:key="index"自定义列表渲染定义i......
  • 「微信小程序」|开发常用事例(六)
    历史文章回顾:​​微信小程序|开发常用事例(一)​​​​微信小程序|开发常用事例(二)​​​​微信小程序Notes|开发常用事例(三)​​​​微信小程序Notes|开发常用事例(四)​​......
  • 微信小游戏开发:demo 学习
    最近入坑了微信小游戏开发,官方有一个很经典的飞机大战的项目作为demo,虽然有不少的注释,对于游戏开发新手来说还缺少整体上的认知和把握。正好找到一个系列文章介绍这个dem......
  • 玩转微信小程序 之 初步了解微信小程序(2019/04/05)
    LZ-Says:现在能做的,就是踏踏实实,走好每一步~不去想未来会如何,安心做好自己应该做的事儿即可。前言前几日,集团官网开发暂时告一段落,回顾这段经历,感觉自己各方面还是有很多不足......
  • 玩转微信小程序 之 获取用户信息以及玩转基本列表渲染(2019/04/14)
    LZ-Says:总是要各种颠沛流离,才能换得片刻安宁。努力让自己变得更好,加油~前言前几天,完成了微信小程序的首章,学习起来,还是多多少少有点坑,不舒服。今天我们继续开启微信小程序......
  • 微信授权登录
    functionwxlogin(){$appid="wx8220c76bf8XXXX5";$secret="f6951af54c4e35XXX9912173daXXXXX";$str="http://***.***......