700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 微信小程序获取当前位置

微信小程序获取当前位置

时间:2023-08-20 02:26:42

相关推荐

微信小程序获取当前位置

最近在做的小程序设计到获取当前位置,当员工签到时需要去获取员工的当前位置进行签到,我采用的是腾讯地图的api,如果不喜欢这个,可以自行选择百度跟高德地图的api。

1:获取位置微信公众平台有接口文档,文档链接:https://developers./miniprogram/dev/api/location/wx.getLocation.html

微信公众平台给的有示例文档

包括一些参数跟回调函数都写得有!

好,开始上代码!

先需要在小程序app.json中加上我标出的红色的框的代码

(如下图)

然后点击签到,确认签到后,加入微信的给的示例

wx.getLocation({

type:'wgs84',

success(res){

console.log('qiandao',res)

constlatitude=res.latitude

constlongitude=res.longitude

constspeed=res.speed

constaccuracy=res.accuracy

}

})

会有弹出地理位置授权(如下图)

点击确定后,我把这两个值打印出来,现在需要根据如下的值进行逆地址解析

进入腾讯地图的api,找到微信小程序JavaScript SDK,链接:/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview,然后需要申请开发者密钥!操作图如下:

没有注册的用户需要先注册一个,然后填写你的一些信息,

顶部有个key设置,这个你可以把它保存到小程序的js中去,都弄好之后下载腾讯地图的sdk

然后将腾讯地图的sdk放到你所需要的页面中

varqqmap=newadresspath({

key:util.adrekey

})

wx.getLocation({

type:'wgs84',

success(res){

console.log('qiandao',res)

varlatitude=res.latitude;

varlongitude=res.longitude;

qqmap.reverseGeocoder({

success:function(res){

console.log('地址',res)

that.setData({

address:res.result.address

})

}

})

}

})

address:这个就是我们最后要的地址啦,如果有不对的或者有错别字的地方,哈哈,欢迎指正!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。