Flutter iOS端Location插件获取Heading值及自定义Marker旋转问题求解

一、修复iOS端Location插件Heading返回-1的问题 #

• 配置Info.plist权限：
  在ios/Runner/Info.plist中添加必要的权限描述，iOS对位置和运动传感器权限有严格要求：

  <key>NSLocationWhenInUseUsageDescription</key>
  <string>需要访问位置以显示地图标记</string>
  <key>NSLocationAlwaysAndWhenInUseUsageDescription</key>
  <string>需要持续访问位置以获取方向信息</string>
  <key>NSMotionUsageDescription</key>
  <string>需要访问运动传感器以获取设备方向</string>
  

• 正确初始化Location插件并开启Heading更新：
  必须主动请求Heading更新，默认情况下插件不会自动获取方向数据：

  import 'package:location/location.dart';
  
  Location _location = Location();
  double _currentHeading = 0.0;
  
  Future<void> initLocationService() async {
    // 先请求定位权限
    PermissionStatus permission = await _location.requestPermission();
    if (permission != PermissionStatus.granted) {
      return;
    }
  
    // 开启Heading更新监听
    await _location.requestHeadingUpdates();
  
    // 监听Heading变化
    _location.onHeadingChanged.listen((Heading heading) {
      if (heading.heading != -1) {
        _currentHeading = heading.heading;
        updateMarkerRotation(); // 更新Marker旋转的方法
      }
    });
  }
  

• 验证设备设置：
  检查iOS设备的「设置」→「隐私与安全性」→「定位服务」是否开启，应用权限需设置为「使用App期间」或「始终允许」；同时打开系统地图App完成方向校准，部分设备未校准会返回无效Heading值。

二、自定义Marker旋转实现 #

获取有效Heading值后，直接为Marker设置rotation属性即可：

Marker buildCustomMarker(LatLng position) {
  return Marker(
    markerId: const MarkerId('user_marker'),
    position: position,
    rotation: _currentHeading, // 用获取到的Heading作为旋转角度
    icon: BitmapDescriptor.fromAsset('assets/custom_marker.png'),
  );
}

三、替代flutter_compass的跨平台方案 #

由于flutter_compass在华为、小米设备存在兼容性问题，推荐直接复用Location插件的Heading功能：

• Android端：你已验证可正常工作，无需额外调整
• iOS端：按上述权限配置和初始化步骤即可稳定获取Heading

如果需要更底层的传感器数据，可使用sensors_plus插件获取磁力计数据自行计算Heading，但需手动处理设备姿态校准，示例代码：

import 'package:sensors_plus/sensors_plus.dart';

magnetometerEvents.listen((MagnetometerEvent event) {
  // 结合加速度计数据完成姿态校准后，计算Heading值
  // 注：该逻辑需处理坐标系转换和校准补偿，复杂度较高
});

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