小程序获取用户位置详情信息

首先,小程序里wx.getLocation可以获取用户当前的经纬度,即

wx.getLocation({
 type: 'wgs84',
 success (res) {
   console.log(res)
   const latitude = res.latitude
   const longitude = res.longitude
   const speed = res.speed
   const accuracy = res.accuracy
 }
})

2.访问https://lbs.qq.com/qqmap_wx_jssdk/index.html(腾讯地图服务),完成前三步操作:

ps:

1、秘钥需要做如下配置

2、jdk的地址有的同学找不到,这里也贴上https://lbs.qq.com/qqmap_wx_jssdk/index.html

3、如果是测试使用的化可以先不配置第三项。可以需要在开发工具详情中勾选如下操作:

下面直接上代码即可

index.wxml

 

<button bindtap='aa'>
获取位置信息
</button>

index.js

// 引入SDK核心类
var QQMapWX = require('../../utils/qqmap-wx-jssdk.min.js');

// 实例化API核心类
var demo = new QQMapWX({
  key: '第一步申请的key' // 必填 
});

Page({
aa(){
  // 地理位置
  wx.getLocation({
    type: 'wgs84',
    success(res) {
      console.log(res)
      const latitude = res.latitude
      const longitude = res.longitude
      const speed = res.speed
      const accuracy = res.accuracy
      // 调用接口转换成具体位置
      demo.reverseGeocoder({
        location: {
          latitude: res.latitude,
          longitude: res.longitude
        },
        success: function (res) {
          console.log(res.result);
        },
        fail: function (res) {
          console.log(res);
        },

      })
    }
  })
},


})

按照上面的代码填写信息就可以在控制台获取到详情的位置信息的了。

 

 

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值