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

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

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

零代码 + AI 双轮驱动|即速应用解锁人工智能小程序开发新范式
无需代码、无需 AI 算法功底,普通人也能快速搭建智能小程序。即速应用将人工智能与零代码开发深度融合,推出 AI 智能生成能力,用户通过自然语言描述需求,AI 自动生成小程序页面、功能模块与后台配置,覆盖商城、预约、同城、社区团购等全场景。平台内置 AI 智能推荐、智能客服、用户画像分析等能力,一键对接微信生态,打通视频号、企业微信、短信跳转,帮企业快速落地 AI 应用,抢占智慧经营先机,让每家企业都拥有 AI 驱动的智慧店铺。










