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


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 相关文章推荐
Track Image Loading效果代码分析
Aug 13 Javascript
Jquery AJAX POST与GET之间的区别
Nov 14 Javascript
全面理解闭包机制
Jul 11 Javascript
jQuery制作圣诞主题页面 更像是爱情影集
Aug 10 Javascript
Node.js包管理器Yarn的入门介绍与安装
Oct 17 Javascript
教你一步步用jQyery实现轮播器
Dec 18 Javascript
详解React开发中使用require.ensure()按需加载ES6组件
May 12 Javascript
JavaScript之浏览器对象_动力节点Java学院整理
Jul 03 Javascript
layui使用label标签的方法
Sep 14 Javascript
javascript 对象 与 prototype 原型用法实例分析
Nov 11 Javascript
vue mvvm数据响应实现
Nov 11 Javascript
uni-app 自定义底部导航栏的实现
Dec 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
蝙蝠侠:侠影之谜
2020/03/04 欧美动漫
php4的session功能评述(二)
2006/10/09 PHP
PHP中一个控制字符串输出的函数
2006/10/09 PHP
PHP MemCached 高级缓存应用代码
2010/08/05 PHP
PHP中file_get_contents高?用法实例
2014/09/24 PHP
Thinkphp3.2实用篇之计算型验证码示例
2017/02/09 PHP
PHP网页安全认证的实例详解
2017/09/28 PHP
jQuery的三种$()
2009/12/30 Javascript
js确定对象类型方法
2012/03/30 Javascript
JQuery实现表格中相同单元格合并示例代码
2013/06/26 Javascript
浅谈轻量级js模板引擎simplite
2015/02/13 Javascript
javascript 中的 delete及delete运算符
2015/11/15 Javascript
JS基于clipBoard.js插件实现剪切、复制、粘贴
2016/05/03 Javascript
第三篇Bootstrap网格基础
2016/06/21 Javascript
JS中使用mailto实现将用户在网页中输入的内容传递到本地邮件客户端
2016/10/08 Javascript
利用Js+Css实现折纸动态导航效果实例源码
2017/01/25 Javascript
Three.js获取鼠标点击的三维坐标示例代码
2017/03/24 Javascript
vue获取DOM元素并设置属性的两种实现方法
2017/09/30 Javascript
webpack4 + react 搭建多页面应用示例
2018/08/03 Javascript
vue3.0 CLI - 3.2 路由的初级使用教程
2018/09/20 Javascript
详解原生JS回到顶部
2019/03/25 Javascript
js实现百度登录窗口拖拽效果
2020/03/19 Javascript
JS中循环遍历数组的四种方式总结
2021/01/23 Javascript
Python 获得命令行参数的方法(推荐)
2018/01/24 Python
在django view中给form传入参数的例子
2019/07/19 Python
python实现美团订单推送到测试环境,提供便利操作示例
2019/08/09 Python
python3通过udp实现组播数据的发送和接收操作
2020/05/05 Python
Python通过递归函数输出嵌套列表元素
2020/10/15 Python
html5 application cache遇到的严重问题
2012/12/26 HTML / CSS
联想中国官方商城:Lenovo China
2017/10/18 全球购物
2014年小学工作总结
2014/11/26 职场文书
工人先进事迹材料
2014/12/26 职场文书
劳动仲裁代理词范文
2015/05/25 职场文书
首都博物馆观后感
2015/06/05 职场文书
格列夫游记读书笔记
2015/07/01 职场文书
七年级数学教学反思
2016/02/17 职场文书