评论

微信运动小程序,实现经纬度信息上报与绘制运动轨迹

微信运动小程序,实现经纬度信息上报与绘制运动轨迹

微信运动小程序,实现经纬度信息上报与绘制运动轨迹。




需求:

微信小程序后台位置信息wx.onLocationChange实现间隔上报。

微信小程序中使用wx.startLocationUpdateBackground这个定位方式时,肯定要使用 wx.onLocationChange不间断的获取位置信息,但这个有两个问题:

1、位置不变化时也上报,亮屏状态每隔两秒触发onLocationChange

2、api没有提供参数控制onLocationChange的上报间隔

以下的代码可能解决以上两个问题。

实现:

wx.startLocationUpdate({
        success: (res) => {
          wx.onLocationChange((data) => {
            //获取当前时间
            var currentTime =  new Date().getTime();

            //获取上次保存的位置信息
            var oldLocation = wx.getStorageSync('oldLocation');

            //获取上次执行的时间
            var oldTime = wx.getStorageSync('oldTime');

            //将经纬度拼接
            var newLocation = data.latitude+""+data.longitude;

            //判断当前的位置是否和上次位置不一致,并且间隔时间超过5s
            if(oldLocation!=newLocation && currentTime-oldTime>5000){
              //缓存当前最新位置
              wx.setStorageSync('oldLocation',newLocation);

              //缓存当前执行的时间
              wx.setStorageSync('oldTime',currentTime);

              //将位置信息上传后台的自己的代码
              uploadLocation(data);

            }
          });

        },
        fail: (err) => {
      consoler.log(err);

        }
      })


最后一次编辑于  03-18  
点赞 1
收藏
评论
登录 后发表内容