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


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 相关文章推荐
javascript Split方法,indexOf方法、lastIndexOf 方法和substring 方法
Mar 21 Javascript
Mootools 1.2 手风琴(Accordion)教程
Sep 15 Javascript
JavaScript 浏览器验证代码(来自discuz)
Jul 17 Javascript
javascript 获取网页标题代码实例
Jan 22 Javascript
jQuery设置与获取HTML,文本和值的简单实例
Feb 26 Javascript
举例讲解AngularJS中的模块
Jun 17 Javascript
详解Vue改变数组中对象的属性不重新渲染View的解决方案
Sep 21 Javascript
微信小程序实现富文本图片宽度自适应的方法
Jan 20 Javascript
Angular2实现的秒表及改良版示例
May 10 Javascript
通过实例学习React中事件节流防抖
Jun 17 Javascript
Vue执行方法,方法获取data值,设置data值,方法传值操作
Aug 05 Javascript
nuxt.js服务端渲染中axios和proxy代理的配置操作
Nov 06 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的中问验证码
2006/11/25 PHP
中篇:安装及配置PHP
2006/12/13 PHP
ThinkPHP令牌验证实例
2014/06/18 PHP
PHP之uniqid()函数用法
2014/11/03 PHP
Laravel 5框架学习之子视图和表单复用
2015/04/09 PHP
PHP永久登录、记住我功能实现方法和安全做法
2015/04/27 PHP
浅析Yii2 GridView实现下拉搜索教程
2016/04/22 PHP
js为鼠标添加右击事件防止默认的右击菜单弹出
2013/07/29 Javascript
简洁Ajax函数处理(示例代码)
2013/11/15 Javascript
JavaScript时间转换处理函数
2015/04/14 Javascript
jQuery实现HTML表格单元格的合并功能
2016/04/06 Javascript
jQuery事件用法详解
2016/10/06 Javascript
Node.js中文件操作模块File System的详细介绍
2017/01/05 Javascript
用vue和node写的简易购物车实现
2017/04/25 Javascript
javascript定时器取消定时器及优化方法
2017/07/08 Javascript
js原生方法被覆盖,从新赋值原生的方法
2018/01/02 Javascript
详解redis在nodejs中的应用
2018/05/02 NodeJs
JavaScript检测是否开启了控制台(F12调试工具)
2020/10/02 Javascript
JavaScript中layim之整合右键菜单的示例代码
2021/02/06 Javascript
Python随手笔记之标准类型内建函数
2015/12/02 Python
Python实现通讯录功能
2018/02/22 Python
Python正则匹配判断手机号是否合法的方法
2020/12/09 Python
一篇文章弄懂Python中所有数组数据类型
2019/06/23 Python
33个Python爬虫项目实战(推荐)
2019/07/08 Python
pycharm不能运行.py文件的解决方法
2020/02/12 Python
Python利用for循环打印星号三角形的案例
2020/04/12 Python
意大利奢侈品购物网站:Deliberti
2019/10/08 全球购物
Linux上比较文件的命令都有哪些
2013/09/28 面试题
xxx同志考察材料
2014/02/07 职场文书
网络工程师专家职业发展路线
2014/02/14 职场文书
售后服务经理岗位职责
2014/02/25 职场文书
班级旅游计划书
2014/05/03 职场文书
2014年学雷锋活动总结
2014/06/26 职场文书
教师个人成长总结
2015/02/11 职场文书
酒店温馨提示语
2015/07/14 职场文书
2016年优秀团员事迹材料
2016/02/25 职场文书