微信小程序后台持续定位功能使用详解


Posted in Javascript onAugust 23, 2019

微信小程序团队在7月30日更新了 基础库 2.8.0

微信小程序后台持续定位功能使用详解

其中新添加了小程序后台持续定位功能和联系定位的接口

微信小程序后台持续定位功能使用详解

从上到下分别是

1.wx.onLocationChange//监听位置实时变化

2.wx.stopLocationUpdate//关闭监听实时位置变化,前后台都停止消息接收

3.wx.startLocationUpdate//开启小程序进入前台时接收位置消息

4.wx.startLocationUpdataBackground//开启小程序进入前后台时均接收位置消息

详细信息可查看https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.startLocationUpdateBackground.html

刚好正在做的项目需要用到后台的定位,下面介绍下使用方法:

要实现后台持续定位需要用到上述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无法在开发者工具上调试,只能用真机来进行

在调用完这个方法成功后我们便可以使用wx.onLocationChange来获取实时的位置变化了

wx.onLocationChange(function(res) {
  console.log('location change', res)
 })

下图为真机调试获取到的实时定位信息

微信小程序后台持续定位功能使用详解

微信小程序后台持续定位功能使用详解

大概每3秒钟会获取一次新的定位信息,小程序进入后台之后状态栏会显示小程序正在使用位置信息,如下图

微信小程序后台持续定位功能使用详解

如何想要关闭需要调用wx.stopLocationUpdate方法

经过测试在调用完wx.stopLocationUpdate停止监听实时位置变化后

再次调用wx.startLocationUpdataBackground后wx.onLocationChange无需重新调用也会继续运作

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript属性访问表达式用法分析
Apr 25 Javascript
新手快速学习JavaScript免费教程资源汇总
Jun 25 Javascript
不依赖Flash和任何JS库实现文本复制与剪切附源码下载
Oct 09 Javascript
Underscore源码分析
Dec 30 Javascript
JS碰撞运动实现方法详解
Dec 15 Javascript
从零开始学习Node.js系列教程二:文本提交与显示方法
Apr 13 Javascript
js实现图片旋转 js滚动鼠标中间对图片放大缩小
Jul 05 Javascript
bootstrap table实现合并单元格效果
Dec 24 Javascript
vue组件化中slot的基本使用方法
May 01 Javascript
Nuxt页面级缓存的实现
Mar 09 Javascript
前端如何实现动画过渡效果
Feb 05 Javascript
JS获取一个字符串中指定字符串第n次出现的位置
Feb 10 Javascript
详解基于Vue/React项目的移动端适配方案
Aug 23 #Javascript
详解vue-video-player使用心得(兼容m3u8)
Aug 23 #Javascript
使用vue实现多规格选择实例(SKU)
Aug 23 #Javascript
jquery分页优化操作实例分析
Aug 23 #jQuery
jquery实现的分页显示功能示例
Aug 23 #jQuery
微信小程序 子级页面返回父级并把子级参数带回父级实现方法
Aug 22 #Javascript
通过扫小程序码实现网站登陆功能
Aug 22 #Javascript
You might like
15个小时----从修改程序到自己些程序
2006/10/09 PHP
php实现文件下载功能的几个代码分享
2014/05/10 PHP
利用php输出不同的心形图案
2016/04/22 PHP
Laravel 中使用 Vue.js 实现基于 Ajax 的表单提交错误验证操作
2017/06/30 PHP
PHP fprintf()函数用法讲解
2019/02/16 PHP
五段实用的js高级技巧
2011/12/20 Javascript
js字符串截取函数substr substring slice使用对比
2013/11/27 Javascript
nodejs下打包模块archiver详解
2014/12/03 NodeJs
JavaScript中Cookie操作实例
2015/01/09 Javascript
JS实现单行文字不间断向上滚动的方法
2015/01/29 Javascript
javascript实现类似java中getClass()得到对象类名的方法
2015/07/27 Javascript
jQuery根据表单name获取值的方法
2016/05/24 Javascript
js实现小窗口拖拽效果
2016/12/03 Javascript
React.js中常用的ES6写法总结(推荐)
2017/05/09 Javascript
JavaScript实现的原生态兼容IE6可调可控滚动文字功能详解
2017/09/19 Javascript
js推箱子小游戏步骤代码解析
2018/01/10 Javascript
jQuery实现的电子时钟效果完整示例
2018/04/28 jQuery
微信小程序input框中加入小图标的实现方法
2018/06/19 Javascript
vue实现路由切换改变title功能
2019/05/28 Javascript
vue实现简易计算器功能
2021/01/20 Vue.js
python 将字符串转换成字典dict
2013/03/24 Python
python将文本转换成图片输出的方法
2015/04/28 Python
Windows下安装python2和python3多版本教程
2017/03/30 Python
python 获得任意路径下的文件及其根目录的方法
2019/02/16 Python
python中@property和property函数常见使用方法示例
2019/10/21 Python
简单了解python调用其他脚本方法实例
2020/03/26 Python
python3通过qq邮箱发送邮件以及附件
2020/05/20 Python
英国奢侈品网站:MatchesFashion
2016/12/16 全球购物
澳大利亚排名第一的在线酒类商店:MyBottleShop
2018/04/26 全球购物
如何保障Web服务器安全
2014/05/05 面试题
建筑工程毕业生自我鉴定
2014/01/14 职场文书
双创工作实施方案
2014/03/26 职场文书
会计学习心得体会
2014/09/09 职场文书
老干部工作汇报材料
2014/10/28 职场文书
创业项目大全(适合在家创业的项目)
2019/08/15 职场文书
JavaScript 防篡改对象的用法示例
2021/04/24 Javascript