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