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


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 实现图片预加载(js操作 Image对象属性complete ,事件onload 异步加载图片)
Mar 25 Javascript
jQuery+css实现图片滚动效果(附源码)
Mar 18 Javascript
用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
Jun 25 Javascript
JS随机调用指定函数的方法
Jul 01 Javascript
jQuery中的ajax async同步和异步详解
Sep 29 Javascript
Vue.js 父子组件通讯开发实例
Sep 06 Javascript
Jquery Easyui搜索框组件SearchBox使用详解(19)
Dec 17 Javascript
javascript 正则表达式去空行方法
Jan 24 Javascript
详解vue与后端数据交互(ajax):vue-resource
Mar 16 Javascript
JS实现留言板功能
Jun 17 Javascript
vue实现鼠标移入移出事件代码实例
Mar 27 Javascript
vue中nextTick用法实例
Sep 11 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远程采集图片详细教程
2014/07/01 PHP
深入理解PHP 数组之count 函数
2016/06/13 PHP
thinkphp利用模型通用数据编辑添加和删除的实例代码
2016/11/20 PHP
PHP unlink与rmdir删除目录及目录下所有文件实例代码
2018/02/07 PHP
PHP htmlspecialchars_decode()函数用法讲解
2019/03/01 PHP
laravel 时间格式转时间戳的例子
2019/10/11 PHP
PHP Ajax跨域问题解决方案代码实例
2020/08/01 PHP
javascript 页面只自动刷新一次
2009/07/10 Javascript
JavaScript 事件冒泡简介及应用
2010/01/11 Javascript
js 判断脚本加载完毕的代码
2011/07/13 Javascript
禁止选中文字兼容IE、Chrome、FF等
2013/09/04 Javascript
如何从jQuery的ajax请求中删除X-Requested-With
2013/12/11 Javascript
javascript截取字符串小结
2015/04/28 Javascript
jQuery+css3实现Ajax点击后动态删除功能的方法
2015/08/10 Javascript
jQuery超精致图片轮播幻灯片特效代码分享
2015/09/10 Javascript
基于jquery实现页面滚动到底自动加载数据的功能
2015/12/19 Javascript
彻底解决 webpack 打包文件体积过大问题
2017/07/07 Javascript
微信小程序可滑动周日历组件使用详解
2019/10/21 Javascript
[02:03]永远的信仰DOTA2 中国军团历届国际邀请赛回顾
2016/06/26 DOTA
[02:16]完美世界DOTA2联赛PWL S3 集锦第三期
2020/12/21 DOTA
Python处理Excel文件实例代码
2017/06/20 Python
Python实现随机选择元素功能
2017/09/14 Python
python+tkinter编写电脑桌面放大镜程序实例代码
2018/01/16 Python
Anaconda下安装mysql-python的包实例
2018/06/11 Python
Python编程中类与类的关系详解
2019/08/08 Python
pandas 中对特征进行硬编码和onehot编码的实现
2019/12/20 Python
Django和Ueditor自定义存储上传文件的文件名
2021/02/25 Python
俄罗斯女装店:12storeez
2019/10/25 全球购物
用Python匹配HTML tag的时候,<.*>和<.*?>有什么区别
2012/11/04 面试题
造型师求职自荐信
2013/09/27 职场文书
工商管理系学生的自我评价分享
2013/11/29 职场文书
抗洪救灾标语
2014/10/08 职场文书
2015年世界无烟日活动总结
2015/02/10 职场文书
员工家属慰问信
2015/03/24 职场文书
商场收银员岗位职责
2015/04/07 职场文书
PostgreSQL并行计算算法及参数强制并行度设置方法
2022/04/07 PostgreSQL