微信小程序后臺持續(xù)定位功能使用詳解
微信小程序團隊在7月30日更新了 基礎庫 2.8.0
其中新添加了小程序后臺持續(xù)定位功能和聯(lián)系定位的接口
從上到下分別是
1.wx.onLocationChange//監(jiān)聽位置實時變化
2.wx.stopLocationUpdate//關閉監(jiān)聽實時位置變化，前后臺都停止消息接收
3.wx.startLocationUpdate//開啟小程序進入前臺時接收位置消息
4.wx.startLocationUpdataBackground//開啟小程序進入前后臺時均接收位置消息
詳細信息可查看https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.startLocationUpdateBackground.html
剛好正在做的項目需要用到后臺的定位，下面介紹下使用方法：
要實現后臺持續(xù)定位需要用到上述1,2,4
1.首先需要在app.josn中加入，這樣小程序才能在后臺調用定位功能
"requiredBackgroundModes": [ "location" ],
2.在頁面index.js中加入我們所需要用到的api
首先我們需要開啟小程序進入前后臺時均接收位置消息
wx.startLocationUpdateBackground({
success(res) {
console.log('開啟后臺定位', res)
},
fail(res) {
console.log('開啟后臺定位失敗', res)
}
})
注意這個API無法在開發(fā)者工具上調試，只能用真機來進行
在調用完這個方法成功后我們便可以使用wx.onLocationChange來獲取實時的位置變化了
wx.onLocationChange(function(res) {
console.log('location change', res)
})
下圖為真機調試獲取到的實時定位信息
大概每3秒鐘會獲取一次新的定位信息，小程序進入后臺之后狀態(tài)欄會顯示小程序正在使用位置信息，如下圖
如何想要關閉需要調用wx.stopLocationUpdate方法
經過測試在調用完wx.stopLocationUpdate停止監(jiān)聽實時位置變化后
再次調用wx.startLocationUpdataBackground后wx.onLocationChange無需重新調用也會繼續(xù)運作
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了基于百度地圖實現產品銷售的單位位置查看功能設計與實現的相關資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-10-10
javascript ImgBox透明遮罩層背景圖片展示,就是增加了一個關閉按鈕，比較實用。2009-07-07
下面的原理是利用時間差的原理實現腳本的延遲執(zhí)行，是個思路，需要的朋友可以參考下。2010-03-03
這篇文章主要為大家詳細介紹了javascript實現簡單頁面倒計時，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03
這篇文章給大家介紹了ES6特性中的八進制和二進制整數字面量，介紹的挺不錯的現在分享給大家，有需要的可以參考借鑒。2016-08-08
一個簡單的StringBuilder類實現2008-12-12
循環(huán)輸出問題是面試中經典的題目,一般會給出代碼,讓我們解釋原因,并給出若干解決方案,下面這篇文章主要給大家介紹了關于JS利用循環(huán)解決的一些常見問題,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-08-08
本篇文章主要是對js倒計時時鐘的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
詳解JavaScript中的Object.is()與"==="運算符總結
這篇文章主要介紹了詳解JavaScript中的Object.is()與"==="運算符總結，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-06-06
解析img圖片沒找到onerror事件 Stack overflow at line: 0
本篇文章主要介紹了img圖片沒找到onerror事件 Stack overflow at line: 0 需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12