React Native Geolocation API安卓端Heading恒为0，无法实时精准反馈移动

一、搞定react-native-geolocation的航向问题 #

1. 调整定位配置参数 #

安卓获取航向需要明确触发条件，修改watchPosition的配置项：

{
  enableHighAccuracy: true,
  distanceFilter: 0,
  interval: 1000, // 缩短更新间隔，保证航向实时性
  fastestInterval: 500,
  headingFilter: 1, // 航向变化超过1度就触发更新
  maximumAge: 0 // 不用缓存数据，拿最新的
}

• headingFilter是触发航向更新的阈值，默认值太高可能导致不触发；缩短时间间隔能提升实时性。

2. 修正代码里的逻辑问题 #

你的代码有两处逻辑bug：

• 你写的(heading || geoHeading) ?? 0会优先用外部heading变量，如果这个变量初始是0，就会一直覆盖Geolocation返回的真实航向，应该改成(geoHeading ?? heading) ?? 0，优先用定位接口返回的航向
• 外部heading变量没加入useEffect的依赖数组，可能导致引用旧值，记得把它加到依赖里
• 用state.location.lat !== latitude判断位置变化容易因为GPS精度问题（比如小数点后几位差异）漏更，改成差值判断更靠谱：Math.abs(state.location.lat - latitude) > 0.00001

修改后的核心代码片段：

const watchId = Geolocation.watchPosition(
  (position) => {
    const { latitude, longitude, heading: geoHeading } = position.coords;
    setCurrentPosition({
      coordinate: { latitude, longitude },
      altitude: position.coords.altitude ?? 0,
      accuracy: position.coords.accuracy,
      speed: position.coords.speed ?? 0,
      heading: (geoHeading ?? heading) ?? 0, // 优先用定位接口返回的航向
      altitudeAccuracy: position.coords.altitudeAccuracy ?? undefined,
      timeStamp: position.timestamp,
    });

    if (origin && destination && recordingMode) {
      if (
        state &&
        Math.abs(state.location.lat - latitude) > 0.00001 && // 用差值判断避免精度问题
        Math.abs(state.location.lng - longitude) > 0.00001
      ) {
        dispatch({
          type: Types.SetLocation,
          payload: {
            lat: latitude ?? 0,
            lng: longitude ?? 0,
            heading: geoHeading ?? heading ?? 0, // 同步修正这里的优先级
          },
        });
      } else return;
      makeLogEntry({
        latitude,
        longitude,
        heading: geoHeading ?? heading,
      })
        .then(() => console.log("Log made successfully"))
        .catch((error) => console.log("Error making log entry:", error));
    }
  },
  (error) => {
    console.log("Error watching position:", error);
  },
  {
    enableHighAccuracy: true,
    distanceFilter: 0,
    interval: 1000,
    fastestInterval: 500,
    headingFilter: 1,
    maximumAge: 0,
  }
);

3. 检查权限和设备设置 #

• 安卓Manifest里要加全权限：

  <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
  <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
  <uses-permission android:name="android.permission.ACTIVITY_RECOGNITION" /> <!-- 部分设备需要这个权限辅助算航向 -->
  

• 设备必须开高精度定位模式（设置→位置→模式选高精度），而且得在户外开阔地方测试，室内GPS信号弱，拿不到航向。

二、隐藏Google Maps的默认蓝色定位图标 #

如果想用Google Maps的onLocationChange，可以这么去掉默认图标：

1. 直接关闭默认定位组件 #

在GoogleMap组件里加这两个属性：

<GoogleMap
  ...
  showsMyLocationButton={false} // 隐藏定位按钮
  myLocationEnabled={false} // 关掉默认的定位图层
>
  {/* 用自定义Marker显示当前位置 */}
  <Marker
    coordinate={currentPosition.coordinate}
    rotation={currentPosition.heading}
    icon={require('./custom-marker.png')}
  />
</GoogleMap>

2. 自定义地图样式隐藏图标 #

如果必须开myLocationEnabled，可以做个自定义地图样式把默认图标藏了：

1. 生成自定义地图样式，隐藏"My Location"元素
2. 把生成的样式JSON导入项目，传给GoogleMap的customMapStyle属性：

import mapStyle from './map-style.json';

<GoogleMap
  ...
  customMapStyle={mapStyle}
/>

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