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


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 12 Javascript
JS文本框追加多个下拉框的值的简单实例
Jul 12 Javascript
vue.js数据绑定的方法(单向、双向和一次性绑定)
Jul 13 Javascript
vue 2.0项目中如何引入element-ui详解
Sep 06 Javascript
js插件实现图片滑动验证码
Sep 29 Javascript
webpack之devtool详解
Feb 10 Javascript
vue项目国际化vue-i18n的安装使用教程
Mar 14 Javascript
vue 本地环境跨域请求proxyTable的方法
Sep 19 Javascript
Vue路由模块化配置的完整步骤
Aug 14 Javascript
countup.js实现数字动态叠加效果
Oct 17 Javascript
Vue中点击active并第一个默认选中功能的实现
Feb 24 Javascript
Vue通过Blob对象实现导出Excel功能示例代码
Jul 31 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中函数的形参与实参的问题说明
2010/09/01 PHP
浅谈PHP中Stream(流)
2015/06/08 PHP
laravel实现分页样式替换示例代码(增加首、尾页)
2017/09/22 PHP
JS 字符串连接[性能比较]
2009/05/10 Javascript
JS中怎样判断undefined(比较不错的方法)
2014/03/27 Javascript
Ajax清除浏览器js、css、图片缓存的方法
2015/08/06 Javascript
简单谈谈javascript中this的隐式绑定
2016/02/22 Javascript
jQuery设置单选按钮radio选中/不可用的实例代码
2016/06/24 Javascript
纯JS实现表单验证实例
2016/12/24 Javascript
JavaScript中localStorage对象存储方式实例分析
2017/01/12 Javascript
几行js代码实现自适应
2017/02/24 Javascript
详解微信小程序 template添加绑定事件
2017/06/23 Javascript
JS实现页面内跳转的简单代码
2017/09/03 Javascript
React Native模块之Permissions权限申请的实例相机
2017/09/28 Javascript
checkbox在vue中的用法小结
2018/11/13 Javascript
JavaScript禁用右键单击优缺点分析
2019/01/20 Javascript
详解写好JS条件语句的5条守则
2019/02/28 Javascript
基于PHP pthreads实现多线程代码实例
2020/06/24 Javascript
VSCode插件安装完成后的配置(常用配置)
2020/08/24 Javascript
[01:31]DOTA2上海特级锦标赛 SECRET战队完整宣传片
2016/03/16 DOTA
Python中方法链的使用方法
2016/02/23 Python
python的pdb调试命令的命令整理及实例
2017/07/12 Python
Python基础学习之常见的内建函数整理
2017/09/06 Python
浅谈python装饰器探究与参数的领取
2017/12/01 Python
python实现朴素贝叶斯算法
2018/11/19 Python
Python微信操控itchat的方法
2019/05/31 Python
Python控制台实现交互式环境执行
2020/06/09 Python
python绘制分布折线图的示例
2020/09/24 Python
详解scrapy内置中间件的顺序
2020/09/28 Python
HTML5之SVG 2D入门8—文档结构及相关元素总结
2013/01/30 HTML / CSS
美国马匹用品和马钉购物网站:State Line Tack
2018/08/05 全球购物
Allen Edmonds官方网站:一家美国优质男士鞋类及配饰制造商
2019/03/12 全球购物
小学生获奖感言范文
2014/02/02 职场文书
教师理论学习心得体会
2016/01/21 职场文书
js实现自动锁屏功能
2021/06/02 Javascript
Python 恐龙跑跑小游戏实现流程
2022/02/15 Python