小程序获取当前位置信息

184 阅读1分钟

[本文已参与「新人创作礼」活动,一起开启掘金创作之路。]

首先app.json添加

 "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序位置接口的效果展示" 
    }
  },

调用小程序获取位置坐标信息的方法

 wx.getLocation({
      type: 'wgs84',
      success (res) {
        const latitude = res.latitude
        const longitude = res.longitude
        const speed = res.speed
        const accuracy = res.accuracy
        console.log(res)
        _that.loadCity(longitude,latitude)//调用百度api接口
      }
    })
  },

调用百度api接口获取具体位置信息

// 掉用百度接口 转换坐标
  loadCity: function (longitude, latitude) {
    var _that = this
    wx.request({
      url: 'https://api.map.baidu.com/reverse_geocoding/v3/?ak=自己申请的ak&output=json&coordtype=wgs84ll&location=' + latitude + ',' + longitude ,
      data: {
        
      },
      header: {
        "content-type": "application/json"
      },
      method: 'GET',
      success: function (res) {
        // success 
        console.log(res)
        console.log(res.data.result.formatted_address);
      },
      fail: function () {
       console.log("获取定位失败");
      },
    })
  },