React Native骑行APP定位精度问题：静止时计算距离异常增加

针对你遇到的定位坐标波动导致静止时行驶距离仍累加的问题，可以通过以下几种方案优化：

1. 设置最小距离阈值过滤波动 #

定位返回的坐标波动通常在10米以内，你可以设定一个最小有效距离（比如5米），只有当两次坐标的距离超过这个阈值时，才将该距离计入总行驶距离，同时可选择不更新上一次坐标，保持更稳定的基准点。

修改你的getDistances函数：

const getDistances = async (newcords) => {
  // 跳过初始无历史坐标的情况
  if (prevCords.current.length === 0) {
    prevCords.current = newcords;
    return;
  }

  const start = {
    latitude: prevCords.current[1],
    longitude: prevCords.current[0]
  };

  const end = {
    latitude: newcords[1],
    longitude: newcords[0]
  };

  const d = haversine(start, end, { unit: 'meter' });
  // 设置最小有效距离阈值，过滤定位波动
  const MIN_VALID_DISTANCE = 5;

  if (d > MIN_VALID_DISTANCE) {
    const totaldistance = distanceTravelled.current + d / 1000;
    console.log("有效距离：", d.toFixed(2) + " m");
    console.log("总行驶距离：", totaldistance.toFixed(2) + " km");
    distanceTravelled.current = totaldistance;
    prevCords.current = newcords;
  } else {
    console.log("定位波动，忽略该距离：", d.toFixed(2) + " m");
    // 可选：不更新历史坐标，用之前的稳定坐标作为下一次计算的基准
    // prevCords.current = newcords;
  }
};

2. 坐标平滑滤波 #

通过滑动平均对连续获取的坐标进行平滑处理，减少单次定位的波动影响。比如维护最近3-5次的坐标，取平均值作为当前有效坐标。

示例：滑动平均滤波

// 新增ref存储最近的坐标点
const recentCoords = useRef([]);
const MAX_RECENT_POINTS = 3;

// 处理新位置的函数
const handleNewLocation = (res) => {
  const newCoord = [res.coords.longitude, res.coords.latitude];
  recentCoords.current.push(newCoord);
  
  // 只保留最近的MAX_RECENT_POINTS个坐标
  if (recentCoords.current.length > MAX_RECENT_POINTS) {
    recentCoords.current.shift();
  }

  // 计算平均坐标
  const avgLon = recentCoords.current.reduce((sum, coord) => sum + coord[0], 0) / recentCoords.current.length;
  const avgLat = recentCoords.current.reduce((sum, coord) => sum + coord[1], 0) / recentCoords.current.length;
  const smoothedCoord = [avgLon, avgLat];

  setUserCordinates(smoothedCoord);
  fetchRoute(smoothedCoord);
  getDistances(smoothedCoord);
};

// 修改定位调用的回调为handleNewLocation
Geolocation.getCurrentPosition(
  handleNewLocation,
  (error) => {
    console.log("get location error", error);
    console.log("请开启定位权限");
    setLocationEnabled(false);
  },
  { 
    enableHighAccuracy: true, 
    timeout: 15000, 
    maximumAge: 10000,
    accuracy:{
      android:'high',
      ios:'bestForNavigation',
    } 
  }
);

3. 结合速度参数判断 #

定位返回的res.coords通常包含speed字段（单位：m/s），可以通过判断速度是否大于一个极小值（比如0.5m/s，约1.8km/h），过滤静止状态下的定位波动，只有当用户确实在移动时才计算距离。

示例：

const handleNewLocation = (res) => {
  // 最小移动速度阈值，过滤静止状态
  const MIN_MOVING_SPEED = 0.5; // m/s
  if (res.coords.speed && res.coords.speed >= MIN_MOVING_SPEED) {
    const newCoord = [res.coords.longitude, res.coords.latitude];
    setUserCordinates(newCoord);
    fetchRoute(newCoord);
    getDistances(newCoord);
  } else {
    console.log("速度过低，忽略位置更新");
  }
};

4. 改用watchPosition并设置distanceFilter #

替换getCurrentPosition为watchPosition，它是持续监听位置变化的API，系统会自动优化定位频率，同时可以设置distanceFilter参数，只有当位置变化超过指定距离时才触发回调，从源头减少无效的位置更新。

示例：

const watchId = useRef(null);

useEffect(() => {
  // 启动持续位置监听
  watchId.current = Geolocation.watchPosition(
    (res) => {
      console.log("位置更新");
      setLocationEnabled(true);
      const newCoord = [res.coords.longitude, res.coords.latitude];
      setUserCordinates(newCoord);
      fetchRoute(newCoord);
      getDistances(newCoord);
    },
    (error) => {
      console.log("定位错误", error);
      setLocationEnabled(false);
    },
    { 
      enableHighAccuracy: true, 
      timeout: 15000, 
      maximumAge: 5000,
      accuracy:{
        android:'high',
        ios:'bestForNavigation',
      },
      distanceFilter: 5 // 位置变化超过5米才触发回调
    }
  );

  // 组件卸载时停止监听
  return () => {
    if (watchId.current) {
      Geolocation.clearWatch(watchId.current);
    }
  };
}, []);

你可以根据实际测试情况组合使用以上方案，比如同时设置距离阈值+坐标滤波，能更有效地过滤定位波动，提升距离计算的准确性。

内容的提问来源于stack exchange，提问作者Nishanth