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