ミニプログラムはどのようにしてユーザーの現在位置を取得するのでしょうか?-ミニプログラム開発-php.cn

ミニプログラムはどのようにしてユーザーの現在位置を取得するのでしょうか?

王林

リリース： 2021-01-29 09:58:24

転載

5373 人が閲覧しました

ミニプログラムはどのようにしてユーザーの現在位置を取得するのでしょうか?

ユーザーの現在位置を取得するには 3 つの方法があります:

(学習ビデオ共有: プログラミング入門 )

1. wx.getLocation (主に wx.openLocation と一緒に使用されます)

現在の精度、緯度、速度を取得します。許可は必要ありません。 type が gcj02 に設定されている場合、wx.openLocation

2 に使用できる座標を返します。wx.chooseLocation

#承認が必要です。マップを開いて場所を選択します

初めてメソッドを呼び出すときは

ミニプログラムはどのようにしてユーザーの現在位置を取得するのでしょうか?

が表示され、権限が許可されると

ミニプログラムはどのようにしてユーザーの現在位置を取得するのでしょうか?

が表示されます。初回は許可されず、wx は継続的に呼び出されます。chooseLocation

3、wx.openLocation

の失敗メソッドは承認を必要とし、WeChat の組み込みマップを使用して位置を表示します。主に始点から終点までのルートを確認するために使用されます。

ミニプログラムはどのようにしてユーザーの現在位置を取得するのでしょうか?

認可方法は

1、wx.getSetting

# の 3 つがあります。 ##ユーザーを取得します。現在の設定、アプレットがユーザーに要求したアクセス許可のみが、次の

ミニプログラムはどのようにしてユーザーの現在位置を取得するのでしょうか?

#2,wx のような戻り値に表示されます。 openSetting

権限設定選択インターフェイスを呼び出します。次の

ミニプログラムはどのようにしてユーザーの現在位置を取得するのでしょうか? のような、ミニプログラムがユーザーに要求した権限のみが設定インターフェイスに表示されます。

3, wx.authorize

事前にユーザーへの認可リクエストを開始します。呼び出しが行われると、ポップアップウィンドウがすぐにユーザーに、アプレットによる特定の機能の使用またはユーザーデータの一部の取得を許可するかどうかを尋ねますが、対応するインターフェイスは実際には呼び出されません。ユーザーが以前に承認に同意していた場合、ポップアップウィンドウは表示されず、成功が直接返されます。、次のようなものです。

ミニプログラムはどのようにしてユーザーの現在位置を取得するのでしょうか?

wx.authorize が表示されるのは次のとおりです。

質問は次のとおりです。初めて wx.chooseLocation() を使用して、アクセス許可が拒否され、wx.getSetting() を使用してアクセス許可を回復した場合はどうすればよいですか?

アイデア: wx.chooseLocation() には、fail メソッドがあります。最初の拒否の後、マップを選択するための後続の呼び出しによってこれがトリガーされる場合は、次のように、fail メソッドで wx.getSetting() を使用できます。許可が与えられているかどうかを毎回確認できます。

最初のステップ: 位置決めメソッドは複数回使用される可能性があるため、呼び出しを容易にするために位置決めメソッドを App.js に書きました

App({
    //获取用户地理位置权限
    getPermission:function(obj){
      wx.chooseLocation({
        success: function (res) {    
            obj.setData({
                addr: res.address      //调用成功直接设置地址
            })                
        },
        fail:function(){
            wx.getSetting({
                success: function (res) {
                    var statu = res.authSetting;
                    if (!statu[&#39;scope.userLocation&#39;]) {
                        wx.showModal({
                            title: &#39;是否授权当前位置&#39;,
                            content: &#39;需要获取您的地理位置，请确认授权，否则地图功能将无法使用&#39;,
                            success: function (tip) {
                                if (tip.confirm) {
                                    wx.openSetting({
                                        success: function (data) {
                                            if (data.authSetting["scope.userLocation"] === true) {
                                                wx.showToast({
                                                    title: &#39;授权成功&#39;,
                                                    icon: &#39;success&#39;,
                                                    duration: 1000
                                                })
                                                //授权成功之后，再调用chooseLocation选择地方
                                                wx.chooseLocation({
                                                    success: function(res) {
                                                        obj.setData({
                                                            addr: res.address
                                                        })
                                                    },
                                                })
                                            } else {
                                                wx.showToast({
                                                    title: &#39;授权失败&#39;,
                                                    icon: &#39;success&#39;,
                                                    duration: 1000
                                                })
                                            }
                                        }
                                    })
                                }
                            }
                        })
                    }
                },
                fail: function (res) {
                    wx.showToast({
                        title: &#39;调用授权窗口失败&#39;,
                        icon: &#39;success&#39;,
                        duration: 1000
                    })
                }
            })
        }
    })        
   },})

ログイン後にコピー

2 番目のステップ: 必要に応じて位置決めメソッドを取得しますアドレスページ内:

var app = getApp();
Page({
   data:{
        addr:&#39;请选择位置&#39;         
    },
    //选择获取地理位置
    getAddress:function(){
          var that=this;
      app.getPermission(that);    //传入that值可以在app.js页面直接设置内容        }, 
})

ログイン後にコピー

最終レンダリング:

ミニプログラムはどのようにしてユーザーの現在位置を取得するのでしょうか?