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


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 相关文章推荐
js 控制下拉菜单刷新的方法
Mar 03 Javascript
js简单实现让文本框内容逐个字的显示出来
Oct 22 Javascript
js解决弹窗问题实现班级跳转DIV示例
Jan 06 Javascript
解决用jquery load加载页面到div时,不执行页面js的问题
Feb 22 Javascript
实例讲解JS中setTimeout()的用法
Jan 28 Javascript
Jquery鼠标放上去显示全名的实现方法
Feb 06 Javascript
详解利用 Vue.js 实现前后端分离的RBAC角色权限管理
Sep 15 Javascript
p5.js入门教程之平滑过渡(Easing)
Mar 16 Javascript
抖音上用记事本编写爱心小程序教程
Apr 17 Javascript
JS实现烟花爆炸效果
Mar 10 Javascript
vue页面引入three.js实现3d动画场景操作
Aug 10 Javascript
详解 TypeScript 枚举类型
Nov 02 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
ninety plus是什么?ninety plus咖啡好吗?
2021/03/04 新手入门
php flv视频时间获取函数
2010/06/29 PHP
PHP函数实现分页含文本分页和数字分页
2014/10/23 PHP
yii2 modal弹窗之ActiveForm ajax表单异步验证
2016/06/13 PHP
PHP实现的杨辉三角求解算法分析
2019/03/11 PHP
PHP实现的多进程控制demo示例
2019/07/22 PHP
jqPlot jquery的页面图表绘制工具
2009/07/25 Javascript
javascript判断css3动画结束 css3动画结束的回调函数
2015/03/10 Javascript
Javascript闭包实例详解
2015/11/29 Javascript
深入理解jQuery事件绑定
2016/06/02 Javascript
node.js利用mongoose获取mongodb数据的格式化问题详解
2017/10/06 Javascript
jQuery实现的事件绑定功能基本示例
2017/10/11 jQuery
基于JavaScript+HTML5 实现打地鼠小游戏逻辑流程图文详解(附完整代码)
2017/11/02 Javascript
js实现图片推拉门效果代码实例
2019/05/18 Javascript
javascript自定义日期比较函数用法示例
2019/07/22 Javascript
layui问题之自动滚动二级iframe页面到指定位置的方法
2019/09/18 Javascript
html-webpack-plugin修改页面的title的方法
2020/06/18 Javascript
使用nodejs实现JSON文件自动转Excel的工具(推荐)
2020/06/24 NodeJs
解决Ant Design Modal内嵌Form表单initialValue值不动态更新问题
2020/10/29 Javascript
Vue3配置axios跨域实现过程解析
2020/11/25 Vue.js
使用python装饰器验证配置文件示例
2014/02/24 Python
redis之django-redis的简单缓存使用
2018/06/07 Python
python中plot实现即时数据动态显示方法
2018/06/22 Python
Python 实现Windows开机运行某软件的方法
2018/10/14 Python
Python中collections模块的基本使用教程
2018/12/07 Python
Python从list类型、range()序列简单认识类(class)【可迭代】
2019/05/31 Python
Python3 执行Linux Bash命令的方法
2019/07/12 Python
解决Djang2.0.1中的reverse导入失败的问题
2019/08/16 Python
Python3 使用map()批量的转换数据类型,如str转float的实现
2019/11/29 Python
opencv3/C++ 平面对象识别&透视变换方式
2019/12/11 Python
python爬虫基础之urllib的使用
2020/12/31 Python
大学自荐信
2013/12/12 职场文书
高中自我评价范文
2014/01/27 职场文书
小学课外阅读总结
2014/07/09 职场文书
2015年骨干教师工作总结
2015/05/26 职场文书
Nginx快速入门教程
2021/03/31 Servers