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就能获取当前用户所在的省和市了。开发者就可对其做其他操作了
微信小程序之获取当前用户地址-怎么查看小程序的地址-如何查看小程序
浏览量:2199
时间:
来源:OneLeafLucky
版权声明
即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。
最新资讯
-

小程序制作平台选型踩坑记录:2026年五大主流方案横向对比
2026 年微信小程序月活达 10.7 亿、覆盖 108 个行业,本次横向对比即速应用、乔拓云、凡科、有赞、微盟五大主流平台,分三阶段给出选型结论,核心聚焦成本、扩展性、运营能力三大维度。 -

即速应用,赋能企业玩转微信小程序智慧经营
作为国内领军的智慧商业经营服务商,即速应用始终秉承“让每个企业都拥有自己的智慧店铺”的愿景,持续赋能更多企业玩转智慧经营。即速应用旗下拥有“小程序搭建工具-即速应用”、“私域流量专家-即客云”等产品,帮助商家打通互联网全生态营销闭环。 -

即客云2.0重磅更新,让微信小程序运营更简单!
即客云作为一款基于企业微信的第三方工具,现从多维度提供超过30种功能,自上线以来,已服务多家企业,受到一致好评。近期,我们根据客户反馈和市场调研正式推出升级版 即客云2.0!更新了私域运营SOP,群日历功能,批量拓客,客户雷达,消息推送,个人欢迎语,帮助企业更好运用企业微信;同时提升了社群运营工作标准化,提升运营效率,帮助企业实现客户增长,玩转私域流量。










