- N +

微信小程序之如何自动获取用户当前定位

原标题:微信小程序之如何自动获取用户当前定位

导读:

需求:一进入页面、就获取用户当前的具体位置,如下图此次我是使用腾讯地图、故以下方法为腾讯地图接口方式第一步:先获取腾讯注册获取腾讯地图的密钥(KEY值)   ...

文章目录 [+]

需求:一进入页面、就获取用户当前的具体位置,如下图

image.png

此次我是使用腾讯地图、故以下方法为腾讯地图接口方式


第一步:先获取腾讯注册获取腾讯地图的密钥(KEY值)

             注册接口(https://lbs.qq.com/dev/console/key/add

填写key名称和验证码

image.png

第二步:授权可以使用的应用

image.png


第三步:使用微信api-wx.getLocation(Object object)获取当前位置的经纬度

代码如下(网址为:微信api):

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

image.png

第四步:发送请求、把经纬度传入WebService API,代码如下:

var that = this
wx.getLocation({
    type: 'wgs84',
    success(res) {
        console.log(res,11)
        wx.request({
            url: 'https://apis.map.qq.com/ws/geocoder/v1',
            data:{
                key:'第一步中获取到腾讯注册获取腾讯地图的密钥(KEY值)',
                location: (res.latitude+','+ res.longitude)
             },
            success(res){
                that.setData({
                    addr: res.data.result.address
            })
        }
      })
    }
})

转换后的图如下:

image.png



有好的文章希望我们帮助分享和推广,猛戳这里我要投稿

0

0
返回列表
上一篇:
下一篇:

发表评论中国互联网举报中心

快捷回复:

验证码

    评论列表 (暂无评论,共63人参与)参与讨论

    还没有评论,来说两句吧...