uni-app 用户地理位置授权

以你之姓@ 2023-07-15 15:15 11阅读 0赞

**最终目的：**需要拿到用户的经纬度。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzc4MDAx_size_16_color_FFFFFF_t_70][]  允许 -> 直接获取到地理信息，如果不允许：出现下边 “温馨提示”

![20200317151729165.png][]  确认授权 -> 会调用用户【使用地理位置页面】：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzc4MDAx_size_16_color_FFFFFF_t_70 1][]  如果没设置 直接退出，会继续弹出确认授权页面，设置 -> 会走授权成功的回调， - > 获取用户地理信息

**在app页面添加用户授权：**

<script>
    export default {
        globalData: {
            userInfo: {}
        },
        onShow: function() {
            this.handleAuthorize()
        },
        methods: {
            //  获取用户的地理位置，
            getLocationFn() {
                const _this = this
                uni.getLocation({
                    type: 'gcj02', // <map> 组件默认为国测局坐标gcj02
                    altitude: true,
                    success(res) {
                        console.log('返回的位置信息', res, _this)
                        _this.globalData.userInfo = {
                            latitude: res.latitude,
                            longitude: res.longitude
                        }
                    }
                })
            },
            // 用户授权
            handleAuthorize() {
                const _this = this // 下边this 为undefined
                uni.authorize({
                    scope: 'scope.userLocation', // 获取地理信息必填的参数，其它参数见文档
                    success(res) {
                        _this.getLocationFn()
                    },
                    // 授权失败
                    fail(err) {
                        err = err['errMsg']
                        uni.showModal({
                            title: '温馨提示',content: '为享受智能小程序，您必须授权!',
                            showCancel: false,confirmText: '确认授权'
                        })
                         // 这里只设置了确认按钮，没有取消按钮
                        .then(res => {
                            //res ： [null, {cancel: false, confirm: true, errMsg: 'showModal: ok'}]
                            if(res[1]['confirm']) { // 点击了确认按钮时
                                // 调用下边方法时，会弹出 【使用我的地理位置】界面， 未设置直接返回，还是会走fail授权失败的函数，
                                // 还是会弹出上边的温馨提示！！！
                                // 如果设置, scope.userLocation: true
                                uni.openSetting({
                                    success(res) {
                                    // 如果不设置，res结果：
                                    // {errMsg: "openSetting:ok", authSetting: {scope.userLocation: false}}
                                    // 如果设置, res结果： 
                                    // {errMsg: "openSetting:ok", authSetting: {scope.userLocation: true}}
                                    // console.log('小程序设置界面：', res)
                                    }
                                })
                            }
                        })
                    }
                })
             }
        }
    }
    </script>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzc4MDAx_size_16_color_FFFFFF_t_70]: /images/20230528/fd1cbef8618d4f8589a8c07765d67d9c.png
[20200317151729165.png]: /images/20230528/6af92c73b56345a6b1b9108d0a62934b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzc4MDAx_size_16_color_FFFFFF_t_70 1]: /images/20230528/13f5b1583ac843309949eb4e11a5f995.png

发表评论取消回复

表情：

评论列表（有 0 条评论，11人围观）

还没有评论，来说两句吧...

相关阅读

相关 java根据ip地址获取用户地理位置

功能需求     工作项目需要,根据用户向服务器请求的ip地址获取用户所在的地理位置。具体代码  &...

向右看齐/ 2024年04月17日 06:16/ 0 赞/ 82 阅读

相关 uni-app 用户地理位置授权

最终目的：需要拿到用户的经纬度。 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm

以你之姓@/ 2023年07月15日 15:15/ 0 赞/ 12 阅读

相关获取地理位置

可根据获取到的经纬度查询到所在的地理位置。 ![img2018-cnblogs-com_blog_1401533_201810_1401533-201810181444204

淡淡的烟草味﹌/ 2023年06月05日 12:52/ 0 赞/ 28 阅读

相关 uniapp的微信小程序，获取授权，获取中文街道地理位置

uniapp的微信小程序，获取授权，获取中文街道地理位置添加小程序，兑换各种视频教程/数据资源 ![img][]![img][img 1] 1. 详细见代码：

本是古典何须时尚/ 2023年02月23日 05:06/ 0 赞/ 24 阅读

相关地理位置api_地理位置API

地理位置api Update long overdue -- the Geolocation API is now available in all browsers! 逾

女爷i/ 2023年02月22日 03:40/ 0 赞/ 24 阅读

相关 uniapp 微信小程序用户授权获取当前位置信息腾讯地图

获取微信小程序的AppID 官方文档 [https://lbs.qq.com/qqmap\_wx\_jssdk/index.html][https_lbs.qq.co

男娘i/ 2022年10月16日 03:58/ 0 赞/ 559 阅读

相关小程序地理位置授权——监听按键授权或者拒绝授权（es5语法，es6语法）

es5语法 wx.getLocation({ type: 'wgs84', success(res){

向右看齐/ 2022年09月16日 04:47/ 0 赞/ 155 阅读

相关 H5带地理位置API获取地理位置

支持地理位置API的浏览器会定义navigator.grolocation属性，该属性拥有三个方法： 1，navigator.geolocation.getCurrentP

男娘i/ 2022年05月08日 08:12/ 0 赞/ 453 阅读

相关 uniapp微信授权之有个别用户无法正常授权

今天又来记录开发路上的坑啦 ![在这里插入图片描述][20200716160832868.png] 昨天碰见一个很奇怪的问题授权代码已经反复测试过没有问题绝大部分用

港控/mmm°/ 2021年08月31日 04:27/ 0 赞/ 569 阅读

相关 uniapp微信小程序获取地理位置授权

文件写在了App.vue onShow() { this.handleAuthorize() }, methods: { /

野性酷女/ 2021年07月24日 20:57/ 1 赞/ 833 阅读