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


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修改css样式style
Apr 15 Javascript
JavaScript中yield实用简洁实现方式
Jun 12 Javascript
jQuery中nextUntil()方法用法实例
Jan 07 Javascript
jquery zTree异步加载、模糊搜索简单实例分享
Mar 24 Javascript
原生js实现网页顶部自动下拉/收缩广告效果
Jan 20 Javascript
老生常谈js-react组件生命周期
May 02 Javascript
微信小程序登录换取token的教程
May 31 Javascript
javascript和php使用ajax通信传递JSON的实例
Aug 21 Javascript
详解vue 兼容IE报错解决方案
Dec 29 Javascript
jQuery选择器之层次选择器用法实例分析
Feb 19 jQuery
javascript实现京东登录显示隐藏密码
Aug 02 Javascript
Vue项目如何引入bootstrap、elementUI、echarts
Nov 26 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
虫族 ZERG 概述
2020/03/14 星际争霸
php xfocus防注入资料
2008/04/27 PHP
PHP的curl实现get,post和cookie(实例介绍)
2013/06/17 PHP
ThinkPHP实现多数据库连接的解决方法
2014/07/01 PHP
PHP获取网站中各文章的第一张图片的代码示例
2016/05/20 PHP
php实现博客,论坛图片防盗链的方法
2016/10/15 PHP
PHP全局使用Laravel辅助函数dd
2019/12/26 PHP
PHP实现文件上传后台处理脚本
2020/03/04 PHP
通过隐藏option实现select的联动效果
2009/11/10 Javascript
jQuery 位置函数offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft
2010/03/23 Javascript
jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码
2013/06/04 Javascript
如何书写高质量jQuery代码(使用jquery性能问题)
2014/06/30 Javascript
javascript操作表格排序实例分析
2015/05/06 Javascript
JQuery实现级联下拉框效果实例讲解
2015/09/17 Javascript
jQuery中animate的几种用法与注意事项
2016/12/12 Javascript
Bootstrap媒体对象学习使用
2017/03/07 Javascript
jQuery tip提示插件(实例分享)
2017/04/28 jQuery
解决vue接口数据赋值给data没有反应的问题
2018/08/27 Javascript
vue单页缓存存在的问题及解决方案(小结)
2018/09/25 Javascript
Nuxt.js开启SSR渲染的教程详解
2018/11/30 Javascript
详解Vue调用手机相机和相册以及上传
2019/05/05 Javascript
javascript for循环性能测试示例
2019/08/07 Javascript
jQuery使用ajax传递json对象到服务端及contentType的用法示例
2020/03/12 jQuery
在Django的模型和公用函数中使用惰性翻译对象
2015/07/27 Python
Python计时相关操作详解【time,datetime】
2017/05/26 Python
Pandas删除数据的几种情况(小结)
2019/06/21 Python
Python终端输出彩色字符方法详解
2020/02/11 Python
TensorBoard 计算图的查看方式
2020/02/15 Python
Python中如何添加自定义模块
2020/06/09 Python
咖啡为什么会有酸味?你喝到的咖啡為什麼是酸的?
2021/03/17 冲泡冲煮
expedia比利时:预订航班+酒店并省钱
2018/07/13 全球购物
会计专业毕业生自荐书
2014/06/25 职场文书
拾金不昧表扬信
2015/01/16 职场文书
语文教师个人工作总结
2015/02/06 职场文书
2015年司机年终工作总结
2015/05/14 职场文书
如何使用PostgreSQL进行中文全文检索
2021/05/27 PostgreSQL