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


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 相关文章推荐
jquery api参考 visualjquery 中国线路 速度快
Nov 30 Javascript
js 调整select 位置的函数
Feb 21 Javascript
一段利用WSH修改和查看IP配置的代码
May 11 Javascript
JS 继承实例分析
Nov 04 Javascript
jquery实现div阴影效果示例代码
Sep 16 Javascript
javascript将url中的参数加密解密代码
Nov 17 Javascript
浅析Node.js 中 Stream API 的使用
Oct 23 Javascript
[原创]js实现保存文本框内容为本地文件兼容IE,chrome,火狐浏览器
Feb 14 Javascript
为vue项目自动设置请求状态的配置方法
Jun 09 Javascript
浅谈vue在html中出现{{}}的原因及解决方式
Nov 16 Javascript
详解Vite的新体验
Feb 22 Javascript
Vue Element plus使用方法梳理
Dec 24 Vue.js
详解基于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上显示JFreechart画的统计图方法
2013/11/03 PHP
深入理解PHP类的自动载入机制
2016/09/16 PHP
PHP使用mysqli同时执行多条sql查询语句的实例
2019/03/22 PHP
mongodb和php的用法详解
2019/03/25 PHP
一个可绑定数据源的jQuery数据表格插件
2010/07/17 Javascript
javascript使用中为什么10..toString()正常而10.toString()出错呢
2013/01/11 Javascript
JS获取地址栏参数的小例子
2013/08/23 Javascript
jquery中animate动画积累的解决方法
2013/10/05 Javascript
JavaScript中数据结构与算法(五):经典KMP算法
2015/06/19 Javascript
javascript实现动态表头及表列的展现方法
2015/07/14 Javascript
解析JavaScript中的字符串类型与字符编码支持
2016/06/24 Javascript
遍历js中对象的属性和值的实例
2016/11/21 Javascript
JS基于递归实现倒计时效果的方法
2016/11/26 Javascript
微信小程序 picker-view 组件详解及简单实例
2017/01/10 Javascript
JavaScript基础进阶之数组方法总结(推荐)
2017/09/04 Javascript
原生JS实现ajax与ajax的跨域请求实例
2017/12/01 Javascript
vue移动端下拉刷新和上拉加载的实现代码
2018/09/08 Javascript
Vue中的基础过渡动画及实现原理解析
2018/12/04 Javascript
JavaScript中的函数式编程详解
2020/08/22 Javascript
详解JavaScript中的链式调用
2020/11/27 Javascript
python使用xlrd模块读写Excel文件的方法
2015/05/06 Python
Python对文件和目录进行操作的方法(file对象/os/os.path/shutil 模块)
2017/05/08 Python
python bottle框架支持jquery ajax的RESTful风格的PUT和DELETE方法
2017/05/24 Python
python的turtle库使用详解
2019/05/10 Python
Python PyQt5模块实现窗口GUI界面代码实例
2020/05/12 Python
python将logging模块封装成单独模块并实现动态切换Level方式
2020/05/12 Python
Python 实现简单的客户端认证
2020/07/29 Python
简单的HTML5初步入门教程
2015/09/29 HTML / CSS
华三通信H3C面试题
2015/05/15 面试题
银行求职自荐信
2014/06/30 职场文书
专题民主生活会对照检查材料思想汇报
2014/09/29 职场文书
2015年音乐教师个人工作总结
2015/05/20 职场文书
企业党建工作总结2015
2015/05/26 职场文书
孙振耀退休感言
2015/08/01 职场文书
Python+DeOldify实现老照片上色功能
2022/06/21 Python
Python使用pandas导入csv文件内容的示例代码
2022/12/24 Python