最全小程序地图学习之获取位置 获取经纬度 获取地名 获取地址,细节爆炸

最后

这份清华大牛整理的进大厂必备的redis视频、面试题和技术文档

祝大家早日进入大厂,拿到满意的薪资和职级~~~加油!!

感谢大家的支持!!

image.png

本文已被CODING开源项目:【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友,可以点击这里获取


{

 "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('需要授权位置信息');

      }

     })

    }

   }

  })

 },

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

 showSettingToast: function(e) {

  wx.showModal({

   title: '提示!',

   confirmText: '去设置',

   showCancel: false,

   content: e,

   success: function(res) {

    if (res.confirm) {

     wx.navigateTo({

      url: '../setting/setting',

     })

    }

   }

  })

 },

})



最后

光给面试题不给答案不是我的风格。这里面的面试题也只是凤毛麟角,还有答案的话会极大的增加文章的篇幅,减少文章的可读性

Java面试宝典2021版

最常见Java面试题解析(2021最新版)

2021企业Java面试题精选

本文已被CODING开源项目:【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友,可以点击这里获取

企业Java面试题精选

[外链图片转存中…(img-9ejvnqXu-1715601920277)]

[外链图片转存中…(img-u4F5HXwO-1715601920278)]

本文已被CODING开源项目:【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友,可以点击这里获取

  • 5
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值