微信小程序监听位置信息

wx.onLocationChange(function callback) | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.onLocationChange.html

小程序获取当前城市位置-高德地图_Start2019-CSDN博客小程序获取位置信息，包括省市区、用户拒绝后，调起用户授权设置页，重新授权获取位置信息https://blog.csdn.net/Start2019/article/details/122542917上一篇文章是获取用户所在城市地址信息，这里是根据经纬度监听位置，大概3秒刷新一次经纬度。

需要在app.json中配置

"requiredBackgroundModes": ["location"],"permission": {"scope.userLocation": {"desc": "你的位置信息将用于小程序扫描货物码时的地址展示"}},

微信小程序后台持续定位功能使用 - ShawYoi - 博客园微信小程序团队在7月30日更新了基础库 2.8.0 其中新添加了小程序后台持续定位功能和联系定位的接口从上到下分别是 1.wx.onLocationChange//监听位置实时变化 2.wx.sthttps://www.cnblogs.com/cokolxvd/p/11393510.html

具体做法：

const app = getApp();
Page({onShow: function () { this.wxLocation(); //检测是否授权位置信息，若授权则开始监听位置//开启监听const _locationChangeFn = res=> {// console.log('location change', res.latitude, res.longitude);app.getAddress(res.latitude, res.longitude)}wx.onLocationChange(_locationChangeFn); },//生命周期函数--监听页面隐藏onHide: function () {wx.offLocationChange();  //取消监听},//检测位置信息wxLocation(){wx.getSetting({success(res){        if(res.authSetting['scope.userLocationBackground']){wx.startLocationUpdate({success: (res) => {console.log('startLocationUpdate-res', res)},fail: (err) => {console.log('startLocationUpdate-err', err)}})} else {if(!res.authSetting['scope.userLocation']){ //打开设置页面去授权//扫描货物码时开始提示。否则取消后还是能继续扫描，只有返回到该页面时才提示，起不到引导用户授权效果  } else {       wx.startLocationUpdate({success: (res) => {console.log('startLocationUpdate-res', res)},fail: (err) => {console.log('startLocationUpdate-err', err)}})  }} //判断authSetting['scope.userLocationBackground']结束}});},//点击货物码click: function(){wx.getSetting({success(res){if(!res.authSetting['scope.userLocation']){app.utils.showModal('检测到您没打开此小程序的定位权限，是否去设置打开？', '提示').then(()=>{wx.openSetting({success: function(e){console.log("打开授权页面",e);app.getUserLocation(); //获取地址},})})} else {//已授权要做的操作}}});}
})

app.getAddress(res.latitude, res.longitude) 是我封装在 app.js 中的函数，具体使用过程可以在上个博客中去看一下。

const amapFile = require('./libs/amap-wx.130');
App({//获取用户经纬度 latitude纬度, longitude经度getUserLocation(){var that = this;wx.getLocation({success: function(res){console.log("经纬度",res); //  that.setData({"userInfo.latitude": res.latitude, "userInfo.longitude": res.longitude});that.getAddress(res.latitude,res.longitude)}})},//转换成省市区 latitude纬度，long经度getAddress(latitude, longitude){// latitude="22.26",longitude = "112.57";var that = this;var myAmapFun = new amapFile.AMapWX({ key: that.addressKey }); myAmapFun.getRegeo({location: '' + longitude + ',' + latitude + '',//location的格式为'经度,纬度'success: function (data) {let {province,city,district} = data[0].regeocodeData.addressComponent;city = (city || city.length>0) ? city:"";console.log("省市区", province,city,district)},fail: function (info) { }})},
})

微信小程序实时获取用户经纬度地理位置信息_电脑小技巧_上网技巧_QQ地带微信小程序实时获取用户经纬度地理位置信息https://www.oicqzone.com/pc/2019092024670.html

微信小程序监听位置信息相关推荐

微信小程序监听 watch方法
微信小程序监听 watch方法使用过vue框架的应该使用过watch监听变量那么在微信小程序中怎么使用watch 首先我们需要引入一个watch.js文件到我们的全局中 // 监听页面数据变化 ...
微信小程序监听服务器发送消息,微信小程序实时聊天WebSocket
本文实例为大家分享了微信小程序实时聊天WebSocket的具体代码,供大家参考,具体内容如下 1.所有监听事件先在onload监听. // pages/index/to_news/to_news.js ...
uniapp微信小程序获取当前位置信息、经纬度转换、导航地图实现
1.调用接口,官网文档是这样写的 uni.getLocation({type: 'wgs84',success: function (res) {console.log('当前位置的经度:' + re ...
微信小程序获取用户位置信息并显示到地图上
1.配置地理位置用途说明在app.json中的大括号内输入 "permission": {"scope.userLocation": {"desc& ...
微信小程序监听实时地理位置变化事件接口申请
监听实时地理位置变化事件,需结合 wx.startLocationUpdateBackground.wx.startLocationUpdate使用. 申请开通暂只针对国内主体如下类目的小程序开放, ...
微信小程序获取用户位置信息
1.在 app.json 里面增加 permission 属性配置小程序配置 | 微信开放文档 "permission": {"scope.userLocation&qu ...
微信小程序--监听对象属性变化
本以为小程序会跟vue差不多有像watch一类的方法,好吧并没有.百度了很多,看了很多大神写的案例.奈何天资不太行,虽然效果有了,但还是不太懂. app.js //监听属性值函数watch:funct ...
微信小程序监听app.js中的globalData属性,
// app.js中 //app.js App({onLaunch: function () {let that = this// 在这里用定时器模拟网络请求的过程setTimeout(functio ...
微信小程序—获取用户位置信息
一.使用 wx.getLocation 获取经纬度信息 1.1 在 app.json 中加入如下配置 "permission": {"scope.userLocation ...

微信小程序监听位置信息

微信小程序监听位置信息相关推荐

最新文章

热门文章

微信小程序 监听位置信息

微信小程序 监听位置信息相关推荐

最新文章

热门文章

微信小程序监听位置信息

微信小程序监听位置信息相关推荐