当前位置:首页 > JavaScript > 小程序地图学习之获取位置 获取经纬度 获取地名 获取地址

小程序地图学习之获取位置 获取经纬度 获取地名 获取地址

一叶知秋2024-04-08 18:06:33JavaScript9
 jingwei: "经纬度:" + longitude + ", " + latitude,

 address: "  地址:" + res.address,

 name: "  地名:" + res.name

})

}

});

}

})




其实到这里我们就可以实现获取经纬度,获取位置信息的功能了。  

但是呢??现在小程序调用用户位置信息时,需要用户授权,如下图,如果用户点击了拒绝,我们就没有办法调用地图获取位置信息了。  

![](https://upload-images.jianshu.io/upload_images/6273713-9ceacad2342ee473.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)



所以呢,我们要想实现一个完整的获取用户位置信息的功能,就要在监测到用户拒绝的位置权限时,引导用户去重新授权。这样才是一个友好的健壮的程序。下面就来教大家如何引导用户去打开授权。



### []( )三,在app.json里注册位置权限



![](https://upload-images.jianshu.io/upload_images/6273713-b4553a3646be555d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)  

上图红色框里就是我们的位置权限的注册代码,app.json的完整代码如下。



{

“pages”: [

“pages/index/index”,

“pages/setting/setting”

],

“window”: {

“backgroundTextStyle”: “light”,

“navigationBarBackgroundColor”: “#fff”,

“navigationBarTitleText”: “WeChat”,

“navigationBarTextStyle”: “black”

},

“permission”: {

“scope.userLocation”: {

“desc”: “你的位置信息将用于小程序位置接口的效果展示”

}

},

“sitemapLocation”: “sitemap.json”

}




### []( )四,定义检查位置权限是否打开的方法



//校验位置权限是否打开

checkLocation() {

let that = this;

//选择位置,需要用户授权

wx.getSetting({

success(res) {

if (!res.authSetting['scope.userLocation']) {

 wx.authorize({

  scope: 'scope.userLocation',

  success() {

   wx.showToast({ //这里提示失败原因

    title: '授权成功!',

    duration: 1500

   })

  },

  fail() {

   that.showSettingToast('需要授权位置信息');

  }

 })

}

}

})

},




这个方法就是来检查用户的位置权限是否授权,如果没有授权,就弹窗提示用户去授权页授权。弹窗代码如下:



// 打开权限设置页提示框

showSettingToast: function(e) {

wx.showModal({

title: ‘提示!’,

confirmText: ‘去设置’,

showCancel: false,

content: e,

success: function(res) {

if (res.confirm) {

 wx.navigateTo({

  url: '../setting/setting',

 })

}

}

})

},




至此就可以实现一个完整的获取用户位置信息的小程序了,index.js完整代码如下



//index.js

Page({

getLocation() {

this.checkLocation();

let that = this;

wx.chooseLocation({

success: function(res) {

console.log(res)

var latitude = res.latitude

var longitude = res.longitude;

that.setData({

 jingwei: "经纬度:" + longitude + ", " + latitude,

 address: "  地址:" + res.address,

 name: "  地名:" + res.name

})

}

});

},

//校验位置权限是否打开

checkLocation() {

let that = this;

//选择位置,需要用户授权

wx.getSetting({

success(res) {

if (!res.authSetting['scope.userLocation']) {

 wx.authorize({

  scope: 'scope.userLocation',

  success() {

   wx.showToast({ //这里提示失败原因

    title: '授权成功!',

    duration: 1500

   })

  },

  fail() {

   that.showSettingToast('需要授权位置信息');

  }

 })

}

}

})

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数Java工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Java开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Java开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024b (备注Java)
img

最后

对于很多Java工程师而言,想要提升技能,往往是自己摸索成长,不成体系的学习效果低效漫长且无助。

整理的这些资料希望对Java开发的朋友们有所参考以及少走弯路,本文的重点是你有没有收获与成长,其余的都不重要,希望读者们能谨记这一点。

再分享一波我的Java面试真题+视频学习详解+技能进阶书籍

美团二面惜败,我的凉经复盘(附学习笔记+面试整理+进阶书籍)

果你觉得这些内容对你有帮助,可以添加V获取:vip1024b (备注Java)**
[外链图片转存中…(img-E3yqx3C7-1712025348007)]

最后

对于很多Java工程师而言,想要提升技能,往往是自己摸索成长,不成体系的学习效果低效漫长且无助。

整理的这些资料希望对Java开发的朋友们有所参考以及少走弯路,本文的重点是你有没有收获与成长,其余的都不重要,希望读者们能谨记这一点。

再分享一波我的Java面试真题+视频学习详解+技能进阶书籍

[外链图片转存中…(img-jfJdfuSw-1712025348007)]

扫描二维码推送至手机访问。

版权声明:本站部分文章来自AI创作、互联网收集,请查看免责申明

本文链接:https://www.yyzq.team/post/333237.html

分享给朋友: