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

微信小程序团队在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无需重新调用也会继续运作

微信小程序后台持续定位功能使用相关推荐

微信小程序后台持续定位功能使用详解
微信小程序团队在7月30日更新了基础库 2.8.0 其中新添加了小程序后台持续定位功能和联系定位的接口从上到下分别是 1.wx.onLocationChange//监听位置实时变化 2.wx.st ...
小程序后台持续定位功能
wx.onLocationChange //监听位置实时变化 wx.stopLocationUpdate //关闭监听位置变化,前后台都不接收 wx.startLocationUpdate //开启 ...
微信小程序实现简单定位功能
微信小程序实现简单定位功能,简单易读,获取经纬度信息在pages下创建一个单页如local local.js如下 var app = getApp() Page({ data:{latitude:' ...
H5+App后台持续定位功能实现
H5+App后台持续定位功能实现 1. 项目需求 2. 实现过程 3.最终实现 4. 关于测试用例 1. 项目需求最近有个需求就是需要完成在后台的实时定位,并且要将获取到的定位信息写到Map控件上去 ...
借鉴华为HiLink实现微信小程序智能配网功能
借鉴华为HiLink实现微信小程序智能配网功能微信小程序介绍微信公众号智能配网 Smartconfig实现原理 Smartconfig技术的弊端 AP配网技术的出现微信小程序智能配网模块端设置 ...
【delphi】开发微信小程序后台控件（一）（含源代码、演示程序、控件使用帮助）
1. 前言微信小程序已经非常普及,但是遗憾的是官方提供的 SDK 等没有Delphi语言的,这样使用Delphi语言开发微信小程序后台就相对比较困难,需要研究平台API,费时费力,特别是调试API很 ...
微信小程序canvas实现签名功能
微信小程序canvas实现签名功能在微信小程序项目中,开发模块涉及到手写签名功能,微信小程序canvas闪亮登场文章目录微信小程序canvas实现签名功能前言一.微信小程序canvas实现签 ...
微信小程序申请开通直播功能
微信小程序申请开通直播功能起因最近公司需要开通直播,之前做的电商小程序是左侧功能区是有直播菜单的,内测的时候就邀请开通了.现在公司做教育平台,登录后台后发现竟然右侧没有这个功能. 解决方案: 一. ...
微信小程序拍照打卡功能实现
微信小程序拍照打卡功能实现附Java代码小程序端签到页面wxml 签到页面js 拍照页面wxml 拍照页面js Java后台保存照片保存打卡数据由于拍照组件是相当于一个块,用隐藏显示的方 ...

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

微信小程序后台持续定位功能使用相关推荐

最新文章

热门文章