国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

uniapp獲取用戶當(dāng)前位置信息(第一節(jié))

這篇具有很好參考價值的文章主要介紹了uniapp獲取用戶當(dāng)前位置信息(第一節(jié))。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

本篇文章分享一下我在實際開發(fā)小程序時遇到的需要獲取用戶當(dāng)前位置的問題,在小程序開發(fā)過程中經(jīng)常使用到的獲取定位功能。uniapp官方也提供了相應(yīng)的API供我們使用。 官網(wǎng)地址:uni.getLocation(OBJECT))

  1. 首先根據(jù)官網(wǎng)uni.getLocation(OBJECT))來獲取地理位置信息


uni.getLocation({
    type: 'wgs84',
    success: function (res) {
        console.log('當(dāng)前位置的經(jīng)度:' + res.longitude);
        console.log('當(dāng)前位置的緯度:' + res.latitude);
    }
});

注意:這里面有個大坑(就是只會第一次授權(quán)彈出提示授權(quán)彈窗,加入拒絕授權(quán)后面不會在彈出

uniapp 獲取當(dāng)前位置,vue,uniapp,uni-app,前端,小程序,Powered by 金山文檔
  1. 其次配置manifest.json文件

uniapp 獲取當(dāng)前位置,vue,uniapp,uni-app,前端,小程序,Powered by 金山文檔

        "permission" : {
            "scope.userLocation" : {
                "desc" : "你的位置信息將用于小程序位置接口的效果展示"
            }
        },
        "requiredPrivateInfos": ["getLocation", "chooseLocation"]

3.這樣就可以獲取到當(dāng)前位置信息了,效果圖如下

uniapp 獲取當(dāng)前位置,vue,uniapp,uni-app,前端,小程序,Powered by 金山文檔

4.下面來解決上面那個大坑(如果用戶拒絕獲取用戶信息后,不能在彈出授權(quán)信息彈窗)


var _this=this
                uni.authorize({
                    scope: 'scope.userLocation',
                    success() { //1.1 允許授權(quán)
                    _this.getLocation();
                    },
                    fail() { //1.2 拒絕授權(quán)
                        uni.showModal({
                            content: '檢測到您沒打開獲取信息功能權(quán)限,是否去設(shè)置打開?',
                            confirmText: "確認",
                            cancelText: '取消',
                            success: (res) => {
                                if (res.confirm) {
                                    uni.openSetting({
                                        success: (res) => {
                                            console.log(res);
                                            _this.getLocation();
                                        }
                                    })
                                } else {
                                    console.log('取消');
                                    return false;
                                }
                            }
                        })
                        return false;
                    }
                })

A.用戶點擊拒絕后會彈出模態(tài)框,去調(diào)用設(shè)置界面

uniapp 獲取當(dāng)前位置,vue,uniapp,uni-app,前端,小程序,Powered by 金山文檔

B.點擊確定即可跳轉(zhuǎn)設(shè)置界面修改允許權(quán)限文章來源地址http://www.zghlxwxcb.cn/news/detail-584585.html

uniapp 獲取當(dāng)前位置,vue,uniapp,uni-app,前端,小程序,Powered by 金山文檔

這樣就可以了,下一篇文章將拿到的經(jīng)緯度換取中文詳細地址信息。

到了這里,關(guān)于uniapp獲取用戶當(dāng)前位置信息(第一節(jié))的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包