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


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代码
Dec 10 Javascript
jquery实现侧边弹出的垂直导航
Dec 09 Javascript
jQuery使用addClass()方法给元素添加多个class样式
Mar 26 Javascript
深入浅析JSON.parse()、JSON.stringify()和eval()的作用详解
Apr 03 Javascript
JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解
May 31 Javascript
基于JavaScript实现随机颜色输入框
Dec 10 Javascript
Node.js连接mongodb实例代码
Jun 06 Javascript
bootstrap daterangepicker汉化以及扩展功能
Jun 15 Javascript
使用vuepress搭建静态博客的示例代码
Feb 14 Javascript
小程序getLocation需要在app.json中声明permission字段
Apr 04 Javascript
JS匿名函数内部this指向问题详析
May 10 Javascript
vue+echarts+datav大屏数据展示及实现中国地图省市县下钻功能
Nov 16 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
7个超级实用的PHP代码片段
2011/07/11 PHP
php简单实现MVC
2015/02/05 PHP
php强制用户转向www域名的方法
2015/06/19 PHP
php实现将base64格式图片保存在指定目录的方法
2016/10/13 PHP
解析 thinkphp 框架中的部分方法
2017/05/07 PHP
PHP 7安装调试工具Xdebug扩展的方法教程
2017/06/17 PHP
使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法
2014/04/15 Javascript
javascript中的this详解
2014/12/08 Javascript
jQuery实现页面顶部显示的进度条效果完整实例
2015/12/09 Javascript
javascript匀速运动实现方法分析
2016/01/08 Javascript
基于JS实现Android,iOS一个手势动画效果
2016/04/27 Javascript
浅谈jquery的html方法里包含特殊字符的处理
2016/11/30 Javascript
js实现导航吸顶效果
2017/02/24 Javascript
vue.js事件处理器是什么
2017/03/20 Javascript
详解React Native网络请求fetch简单封装
2017/08/10 Javascript
微信小程序picker组件简单用法示例【附demo源码下载】
2017/12/05 Javascript
nodejs中Express与Koa2对比分析
2018/02/06 NodeJs
安装Node.js并启动本地服务的操作教程
2018/05/12 Javascript
JavaScript实现的3D旋转魔方动画效果实例代码
2019/07/31 Javascript
vue项目中使用eslint+prettier规范与检查代码的方法
2020/01/16 Javascript
es6函数之严格模式用法实例分析
2020/03/17 Javascript
python实现带声音的摩斯码翻译实现方法
2015/05/20 Python
利用Python+Java调用Shell脚本时的死锁陷阱详解
2018/01/24 Python
浅谈python已知元素,获取元素索引(numpy,pandas)
2019/11/26 Python
Pycharm如何自动生成头文件注释
2020/11/14 Python
英国折扣零售连锁店:QD Stores
2018/12/08 全球购物
mysql的最长数据库名,表名,字段名可以是多长
2014/04/21 面试题
介绍一下你对SOA的认识
2016/04/24 面试题
班组长安全职责
2014/01/05 职场文书
农村葬礼主持词
2014/03/31 职场文书
安全演讲稿大全
2014/05/09 职场文书
公开承诺书格式
2014/05/21 职场文书
南湾猴岛导游词
2015/02/09 职场文书
工程部岗位职责
2015/02/10 职场文书
使用HttpSessionListener监听器实战
2022/03/17 Java/Android
java中为什么说子类的构造方法默认访问的是父类的无参构造方法
2022/04/13 Java/Android