四时宝库

程序员的知识宝库

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

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






需求:

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

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

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

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

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

实现:

Bash
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);

        }
      })

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接