如何用flutter_map包实现移动时地图标记（车辆）朝向行驶方向旋转？

当前存在的问题：地图中车辆标记未朝向正确行驶方向，相关参考图包括「地图中车辆未朝向正确行驶方向示意图」和「FlutterMap代码截图」。

以下是具体解决方案：

• 计算行驶方向角
  通过车辆连续的两个GPS坐标点（当前位置与上一位置）计算方位角，这是让标记朝向正确方向的核心：

  1. 基于经纬度，使用三角函数公式计算两点间的方位角（从正北顺时针旋转的角度）：

     Δlon = lon2 - lon1
     y = sin(Δlon) * cos(lat2)
     x = cos(lat1)*sin(lat2) - sin(lat1)*cos(lat2)*cos(Δlon)
     θ = atan2(y, x)
     角度 = (θ * 180 / π + 360) % 360 // 转换为0-360度的正角度
     

  2. 若为初始位置无历史坐标，可默认朝向正北（角度0），或根据规划路径的首个路段方向设定。

• 在FlutterMap Marker中应用旋转
  在Marker组件中通过rotation属性传入计算好的角度，示例代码：

  Marker(
    point: LatLng(currentLat, currentLng),
    width: 40,
    height: 40,
    rotation: calculatedDirectionAngle, // 传入计算得到的行驶方向角度
    child: const Icon(Icons.directions_car, size: 30),
  )
  

• 动态更新与平滑过渡

  • 车辆位置更新时，实时重新计算方向角并更新Marker的rotation值，保证方向随行驶路径同步变化。
  • 为避免角度突变的突兀感，可使用插值算法实现平滑过渡：

    double smoothedAngle = lerpDouble(previousAngle, newCalculatedAngle, 0.2);
    

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