首页 > 编程语言 >微信小程序【关于地址信息的接入以及自动选择当前位置】

微信小程序【关于地址信息的接入以及自动选择当前位置】

时间:2023-01-30 19:00:40浏览次数:29  
标签:接入 微信 longitude 地址 API res latitude wx

在做收货地址的时候,通常会让用户填写或者打开地图选择收获地址,此时就需要用到微信提供的地址API,在使用地址API的时候需要注册对应的API,而且地址API会经常调整,需要关注官方公告,下面就是关于地址API的使用。

第一部分

先看下此设置有没有打开
在这里插入图片描述

进入微信开发者文档,在API下找到位置,此处就是位置信息API了
在这里插入图片描述
在这里插入图片描述
在使用位置信息之前,需要在app.json中注册位置信息api
此处我使用的是wx.chooseLocation,所以在app.json中注册这个api即可
在这里插入图片描述
注册完成后,在页面使用

    //   选择地址 在事件内调用这个api即可
      wx.chooseLocation({
        latitude: 0,
        success(res){
            console.log(res);  // 选择的地址信息
        }
      })
    },

第二部分

部分API会弹出需要在app.json中声明permission字段
在这里插入图片描述
虽然在requiredPrivateInfos注册过
在这里插入图片描述
但是还需要在permission中注册

在这里插入图片描述
此时再使用API即可

// 获取当前地址信息
    wx.getLocation({
        type: 'gcj02', //返回可以用于 wx.openLocation 的经纬度
        success (res) {
          const latitude = res.latitude  // 维度
          const longitude = res.longitude  // 经度
          wx.openLocation({
            latitude,
            longitude,
            scale: 18
          })
        }
       })

在这里插入图片描述

打开位置信息,自动定位到当前位置

     // 地址
    addAddress(){
        let that = this
    //   选择地址
   wx.getLocation({    // 获取当前地址信息,地理位置、速度
    type: 'gcj02', //返回可以用于 wx.openLocation 的经纬度
    success (res) {
      const latitude = res.latitude  // 维度
      const longitude = res.longitude  // 经度
      wx.chooseLocation({   // 通过经纬度自动定位到当前位置
        latitude,   // 维度
        longitude,  // 经度
        success(res){
            wx.setStorageSync('address', res.address+res.name)   
            that.setData({
                address : res.address+res.name  // 将当前位置信息保存,回显
            })
        }
      })
    }
   })
    },

标签:接入,微信,longitude,地址,API,res,latitude,wx
From: https://www.cnblogs.com/wang-fan-w/p/17077000.html

相关文章

  • 原生微信小程序封装request
    request文件//封装请求constbaseURL='https://api-hmugo-web.itheima.net/api/public/v1'constrequest=(options)=>{//returnnewPrimise才可以使用the......
  • docusaurus默认访问地址前缀 以及多实例
    前言默认情况下所有的md文档都应该以docs为根目录。you-project|--docs|--test.md而访问路由也是默认的http://localhost:3000/docs/test如果觉得不好看......
  • 一些特殊的IP地址
    私网地址:局域网里面使用的地址,随便用以下地址可以在私网里面随便规划:A类私网地址:10.0.0.0--10.255.255.255.255B类私网地址:172.16.0.0--172.16.255.255C类私网地......
  • 企业微信注册
    以下是企业微信注册链接:https://work.weixin.qq.com/wework_admin/register_wx?from=myhome_baidu  ......
  • 微信小程序-关于下拉刷新的设置
    局部设置页面刷新:{"usingComponents":{},"enablePullDownRefresh":true}自己需要哪个页面支持下拉刷新,就在其json文件中加上。 全局设置页面刷新:在全局的ap......
  • 【参考答案】java基础练习:数组(一维、二维、传值传地址)
    一维数组定义一个int类型数组,动态赋值,然后将数组中元素反转,最后输出,要求:动态赋值定义方法;反转定义方法packagecom.qzcsbj;importjava.util.Arrays;importjava.util.Scann......
  • 微信支付服务商,消费者投诉处理系统
    有读者朋友需要接入微信支付消费者投诉功能,安排。​为了让商户、服务商可以快速获取消费者投诉并进行处理,提高解决消费者投诉的处理能力及效率,为用户提供更优质的服务体验,微......
  • 微信开放平台之第三方平台开发,从哪里入手?
    ​大家好,我是小悟疫情之下,最近有不少兄弟没有挺进决赛,半途成了小羊人,可谓是出师未捷身先死。话说回来,不管怎么样,尽量保护好自己,能越晚变羊越好。开始说正事,不管是自己在创业......
  • 微信开放平台之第三方平台开发,模板小程序如何提交?
    大家好,我是悟空码字今天天气晴朗,阳光普照。因为疫情影响,小羊人的增多,街上放眼望去,人烟稀少。楼下除了几个十一二岁的小男孩在玩耍,也没有像往日老人悠闲打牌、小孩嬉戏那般热......
  • 微信支付服务商,可视化进件特约商户
    ​服务商拓展特约商户(子商户),可能出现如下问题:1、人工录入大量商户资料,耗时耗力。2、商户对标准费率不满意,无法说服商户先签约再帮其调整费率。针对以上问题,微信支付面向服务......