如何在Flutter中实现Google Maps标记的动画效果？

• 方案1：基于原生AnimationController实现逐帧属性过渡
  无需引入额外第三方库，直接通过Flutter自带动画体系控制Marker的位置、旋转角、透明度等属性的平滑过渡。核心思路是在动画回调中实时更新Marker的对应属性，刷新地图标记即可。
  示例代码片段：

  // 初始化动画控制器
  late AnimationController _controller = AnimationController(
    vsync: this,
    duration: const Duration(milliseconds: 800),
  );
  late Animation<LatLng> _positionAnimation;
  
  // 启动位置动画逻辑
  void _animateMarker(LatLng oldPos, LatLng newPos) {
    _positionAnimation = LatLngTween(begin: oldPos, end: newPos).animate(
      CurvedAnimation(parent: _controller, curve: Curves.easeInOut)
    );
    _controller.addListener(() {
      // 更新marker集合中对应标记的位置
      _markers.removeWhere((m) => m.markerId.value == 'targetMarker');
      _markers.add(Marker(
        markerId: const MarkerId('targetMarker'),
        position: _positionAnimation.value,
      ));
      setState(() {});
    });
    _controller.forward(from: 0);
  }
  

• 方案2：CustomPaint自定义绘制Marker动效
  适用于需要实现弹跳、呼吸、渐变等复杂自定义动效的场景。先通过CustomPaint绘制带动画参数的自定义标记样式，再将绘制结果转换为BitmapDescriptor赋值给Marker即可，动画参数由AnimationController驱动更新。
• 方案3：动画Widget实时转Marker图标
  借助将Widget转换为Bitmap的相关实现，可以直接把普通的Flutter动画Widget（比如套了ScaleAnimation、RotationAnimation的Container）实时转换为Marker可用的图标资源，直接复用常规Widget动画逻辑，不需要单独适配Google Maps Marker的属性限制。如果有大量Marker同时动画的需求，可以优化更新逻辑，避免全量刷新Marker集合，降低性能损耗。

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