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


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 相关文章推荐
可以显示单图片,多图片ajax请求的ThickBox3.1类下载
Dec 23 Javascript
jquery中$each()方法的使用指南
Apr 30 Javascript
JavaScript中Number.MAX_VALUE属性的使用方法
Jun 04 Javascript
react实现pure render时bind(this)隐患需注意!
Mar 09 Javascript
Ionic3 UI组件之autocomplete详解
Jun 08 Javascript
老生常谈js中的MVC
Jul 25 Javascript
React-Native做一个文本输入框组件的实现代码
Aug 10 Javascript
利用express启动一个server服务的方法
Sep 17 Javascript
React实践之Tree组件的使用方法
Sep 30 Javascript
AngularJS双向数据绑定原理之$watch、$apply和$digest的应用
Jan 30 Javascript
Vue.js页面中有多个input搜索框如何实现防抖操作
Nov 04 Javascript
HTML+VUE分页实现炫酷物联网大屏功能
May 27 Vue.js
详解基于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取整的几种方式
2013/06/25 PHP
php获取文件大小的方法
2014/02/26 PHP
PHP 之 写时复制介绍(Copy On Write)
2014/05/13 PHP
php基于dom实现读取图书xml格式数据的方法
2017/02/03 PHP
一个页面元素appendchild追加到另一个页面元素的问题
2013/01/27 Javascript
javascript实现树形菜单的方法
2015/07/17 Javascript
JS实现鼠标滑过链接改变网页背景颜色的方法
2015/10/20 Javascript
js跨域资源共享 基础篇
2016/07/02 Javascript
完美实现八种js焦点轮播图(上篇)
2016/07/18 Javascript
浅析Angular2子模块以及异步加载
2017/04/24 Javascript
使用Browserify来实现CommonJS的浏览器加载方法
2017/05/14 Javascript
JavaScript实现重力下落与弹性效果的方法分析
2017/12/20 Javascript
解决vue2中使用axios http请求出现的问题
2018/03/05 Javascript
vue2.0 axios跨域并渲染的问题解决方法
2018/03/08 Javascript
基于Bootstrap下拉框插件bootstrap-select使用方法详解
2018/08/07 Javascript
详解使用webpack+electron+reactJs开发windows桌面应用
2019/02/01 Javascript
a标签调用js的方法总结
2019/09/05 Javascript
js面向对象之实现淘宝放大镜
2020/01/15 Javascript
[04:40]2016个国际邀请赛中国区预选赛场地——华西村观战指南
2016/06/25 DOTA
零基础写python爬虫之爬虫的定义及URL构成
2014/11/04 Python
Windows下安装python2.7及科学计算套装
2015/03/05 Python
python通过线程实现定时器timer的方法
2015/03/16 Python
Python实现将DOC文档转换为PDF的方法
2015/07/25 Python
解读! Python在人工智能中的作用
2017/11/14 Python
pycharm设置注释颜色的方法
2018/05/23 Python
解决python测试opencv时imread导致的错误问题
2019/01/26 Python
Python操作MySQL数据库实例详解【安装、连接、增删改查等】
2020/01/17 Python
python实现微信打飞机游戏
2020/03/24 Python
Python3.7 读取音频根据文件名生成脚本的代码
2020/04/07 Python
python 实现批量图片识别并翻译
2020/11/02 Python
Crocs卡骆驰洞洞鞋日本官方网站:Crocs日本
2016/08/25 全球购物
教育学习自我评价
2014/02/03 职场文书
离职员工给领导和同事的感谢信
2015/11/03 职场文书
导游词之南京夫子庙
2019/12/09 职场文书
mysql对于模糊查询like的一些汇总
2021/05/09 MySQL
MySQL数据库之内置函数和自定义函数 function
2022/06/16 MySQL