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

最新推荐文章于 2024-11-19 17:41:33 发布

mon_star°

最新推荐文章于 2024-11-19 17:41:33 发布

阅读量558

点赞数 2

文章标签：微信小程序

本文链接：https://blog.csdn.net/qq_29528701/article/details/136807523

版权

本文介绍了如何在微信小程序中使用`wx.startLocationUpdateBackground`解决位置信息上报的问题，通过判断位置变化和时间间隔，避免无意义的重复上报，仅在位置改变且间隔5秒后上传新的经纬度数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

需求：

微信小程序后台位置信息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);

        }
      })