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


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 Array.prototype.slice使用说明
Oct 11 Javascript
JavaScript中toString()方法的使用详解
Jun 05 Javascript
快速掌握Node.js环境的安装与运行方法
Feb 16 Javascript
ajax在兼容模式下失效的快速解决方法
Mar 22 Javascript
jQuery插件easyUI实现通过JS显示Dialog的方法
Sep 16 Javascript
AngularJS实现的简单拖拽功能示例
Jan 02 Javascript
探索Vue高阶组件的使用
Jan 08 Javascript
vue2 v-model/v-text 中使用过滤器的方法示例
May 09 Javascript
如何在微信小程序中实现Mixins方案
Jun 20 Javascript
浅谈layer弹出层按钮颜色修改方法
Sep 11 Javascript
JS实现动态无缝轮播
Jan 11 Javascript
《javascript设计模式》学习笔记七:Javascript面向对象程序设计组合模式详解
Apr 08 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
英雄试炼之肉山谷—引领RPG新潮流
2020/04/20 DOTA
substr()函数中文版
2006/10/09 PHP
不错的一篇面向对象的PHP开发模式(简写版)
2007/03/15 PHP
PHP循环获取GET和POST值的代码
2008/04/09 PHP
关于使用coreseek并为其做分页的介绍
2013/06/21 PHP
列举PHP的Yii 2框架的开发优势
2015/07/03 PHP
jquery制作弹窗提示窗口代码分享
2014/03/02 Javascript
深入分析原生JavaScript事件
2014/12/29 Javascript
js实现鼠标感应图片展示的方法
2015/02/27 Javascript
在JavaScript中使用开平方根的sqrt()方法
2015/06/15 Javascript
javascript中FOREACH数组方法使用示例
2016/03/01 Javascript
jquery easyui DataGrid简单示例
2017/01/23 Javascript
详谈AngularJs 控制器、数据绑定、作用域
2017/07/09 Javascript
JavaScript函数绑定用法实例分析
2017/11/14 Javascript
关于express与koa的使用对比详解
2018/01/25 Javascript
使用D3.js创建物流地图的示例代码
2018/01/27 Javascript
深入浅出理解JavaScript闭包的功能与用法
2018/08/01 Javascript
jquery层次选择器的介绍
2019/01/18 jQuery
Angular 中使用 FineReport不显示报表直接打印预览
2019/08/21 Javascript
纯js实现无缝滚动功能代码实例
2020/02/21 Javascript
Node.js API详解之 readline模块用法详解
2020/05/22 Javascript
vue video和vue-video-player实现视频铺满教程
2020/10/30 Javascript
python和pyqt实现360的CLable控件
2014/02/21 Python
PyQt5每天必学之带有标签的复选框
2018/04/19 Python
对Pytorch中nn.ModuleList 和 nn.Sequential详解
2019/08/18 Python
Django使用uwsgi部署时的配置以及django日志文件的处理方法
2019/08/30 Python
Python使用Socket实现简单聊天程序
2020/02/28 Python
python爬虫开发之PyQuery模块详细使用方法与实例全解
2020/03/09 Python
Pottery Barn阿联酋:购买家具、家居装饰及更多
2019/12/08 全球购物
上海奥佳笔试题面试题
2016/11/16 面试题
银行求职信范文
2014/05/26 职场文书
历史博物馆观后感
2015/06/05 职场文书
学习心得体会
2019/06/20 职场文书
python 实现图与图之间的间距调整subplots_adjust
2021/05/21 Python
Vue.js中v-for指令的用法介绍
2022/03/13 Vue.js
为什么MySQL8新特性会修改自增主键属性
2022/04/18 MySQL