微信小程序> 微信小程序之获取当前用户地址-怎么查看小程序的地址-如何查看小程序

微信小程序之获取当前用户地址-怎么查看小程序的地址-如何查看小程序

浏览量:2154 时间: 来源:OneLeafLucky
1、腾讯位置服务中获取key1.

腾讯位置服务网址:https://lbs.qq.com/console/mykey.html

2.

1、获取密钥key如下:

3.

2、下载之后

4.

3、注意:安全域名设置是在小程序中设置

2、index.js中代码varQQMapWXrequire('../../utils/qqmap-wx-jssdk.js');varqqmapsdk;Page({data:{province:'',//省city:'',//市latitude:'',longitude:''},onLoad:function(){qqmapsdknewQQMapWX({//腾讯位置服务:https://lbs.qq.com/console/mykey.htmlkey:'XXXXX'//这里自己的key秘钥进行填充,该key是腾讯位置服务中申请的});varthatthiswx.getSetting({//获取用户授权设置success:res{console.log(JSON.stringify(res))if(res.authSetting['scope.userLocation']!undefinedres.authSetting['scope.userLocation']!true){wx.showModal({title:'请求授权当前位置',content:'需要获取您的地理位置,请确认授权',success:function(res){if(res.cancel){wx.showToast({title:'拒绝授权',icon:'none',duration:1000})}elseif(res.confirm){wx.openSetting({success:function(dataAu){if(dataAu.authSetting["scope.userLocation"]true){wx.showToast({title:'授权成功',icon:'success',duration:1000})//再次授权,调用wx.getLocation的APIthat.getLocation();}else{wx.showToast({title:'授权失败',icon:'none',duration:1000})}}})}}})}elseif(res.authSetting['scope.userLocation']undefined){//调用wx.getLocation的APIthat.getLocation();}else{//调用wx.getLocation的APIthat.getLocation();}}})},//微信获得经纬度getLocation:function(){letthatthis;wx.getLocation({type:'wgs84',success:function(res){console.log("success"+JSON.stringify(res))varlatituderes.latitude//纬度,范围为-90~90,负数表示南纬varlongituderes.longitude//经度,范围为-180~180,负数表示西经varspeedres.speedvaraccuracyres.accuracy;console.log("latitude"+latitude+";longitude"+longitude)//这里获取的是经纬度that.getLocal(latitude,longitude)//把经纬度传给getLocal方法},fail:function(res){console.log('fail'+JSON.stringify(res))}})},//获取当前地理位置getLocal:function(latitude,longitude){//把经纬度转换成地理位置letthatthis;qqmapsdk.reverseGeocoder({location:{latitude:latitude,longitude:longitude},success:function(res){console.log(JSON.stringify(res));letprovinceres.result.ad_info.provinceletcityres.result.ad_info.citythat.setData({//把地理位置省市赋值给声明在data中的变量province:province,city:city,latitude:latitude,longitude:longitude})},fail:function(res){console.log(res);},complete:function(res){//console.log(res);}});}})5.

其中qqmap-wx-jssdk.js是在第二步中下载下来了的

3、在app.json中声明permission字段6.

若不声明permission字段,会出现以下:

7.

解决方法:

8.

因此在app.json中:

"permission":{"scope.userLocation":{"desc":"小程序需要获取你的位置信息"}}9.

注意:desc:小程序获取权限弹出的窗口中会作说明显示出来

4、显示结果10.

console.log出province和city就能获取当前用户所在的省和市了。开发者就可对其做其他操作了

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎