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


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 获取表单file全路径
Dec 31 Javascript
获取下拉列表框的值是数组,split,$.inArray示例
Nov 13 Javascript
JS获取月的最后一天与JS得到一个月份最大天数的实例代码
Dec 16 Javascript
解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题
Jan 14 Javascript
JSONP跨域的原理解析及其实现介绍
Mar 22 Javascript
js+css实现超简洁的二级下拉菜单效果代码
Sep 07 Javascript
js实现为a标签添加事件的方法(使用闭包循环)
Aug 02 Javascript
jQuery 判断是否包含在数组中Array[]的方法
Aug 03 Javascript
json对象及数组键值的深度大小写转换问题详解
Mar 30 Javascript
Vue实现简易翻页效果源码分享
Nov 08 Javascript
vue滚动插件better-scroll使用详解
Oct 18 Javascript
解决vuex数据异步造成初始化的时候没值报错问题
Nov 13 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
php中通过数组进行高效随机抽取指定条记录的算法
2013/09/09 PHP
php实现的Captcha验证码类实例
2014/09/22 PHP
php使用数组填充下拉列表框的方法
2015/03/31 PHP
PHP实现获取文件后缀名的几种常用方法
2015/08/08 PHP
CI框架源码解读之URI.php中_fetch_uri_string()函数用法分析
2016/05/18 PHP
关于php支持的协议与封装协议总结(推荐)
2017/11/17 PHP
PHP实现二叉树深度优先遍历(前序、中序、后序)和广度优先遍历(层次)实例详解
2018/04/20 PHP
javascript中的throttle和debounce浅析
2014/06/06 Javascript
解决JavaScript数字精度丢失问题的方法
2015/12/03 Javascript
详解javascript中原始数据类型Null和Undefined
2015/12/17 Javascript
jQuery Html控件基本操作(日常收集整理)
2016/03/11 Javascript
WEB前端开发框架Bootstrap3 VS Foundation5
2016/05/16 Javascript
javascript 四十条常用技巧大全
2016/09/09 Javascript
js 打开新页面在屏幕中间的实现方法
2016/11/02 Javascript
详解用vue编写弹出框组件
2017/07/04 Javascript
利用Javascript获取选择文本所在的句子详解
2017/12/03 Javascript
vue + element-ui实现简洁的导入导出功能
2017/12/22 Javascript
vue.js添加一些触摸事件以及安装fastclick的实例
2018/08/28 Javascript
使用react context 实现vue插槽slot功能
2019/07/18 Javascript
angular8和ngrx8结合使用的步骤介绍
2019/12/01 Javascript
JavaScript语法约定和程序调试原理解析
2020/11/03 Javascript
jQuery实现全选按钮
2021/01/01 jQuery
python 中split 和 strip的实例详解
2017/07/12 Python
django如何连接已存在数据的数据库
2018/08/14 Python
python与字符编码问题
2019/05/24 Python
4行Python代码生成图像验证码(2种)
2020/04/07 Python
Original Penguin美国官网:布拉德皮特、强尼德普喜爱的服装品牌
2016/10/25 全球购物
大学生职业生涯规划书的基本内容
2014/01/06 职场文书
《回乡偶书》教学反思
2014/04/12 职场文书
体育课外活动总结
2014/07/08 职场文书
网上祭先烈心得体会
2014/09/01 职场文书
作风建设剖析材料
2014/10/06 职场文书
感谢信格式范文
2015/01/22 职场文书
解决python3安装pandas出错的问题
2021/05/20 Python
日元符号 ¥
2022/02/17 杂记
MySQL 逻辑备份 into outfile
2022/05/15 MySQL