求助：Google Map标记图标无法替换为自定义camera_icon的解决办法

核心问题分析 #

你的代码存在两个关键问题：

1. 异步加载顺序错误：addCustomIcon是异步方法，initState中调用它后立刻执行intilize创建Marker，此时markerIcon还未加载完成（仍为null），Google Maps会自动使用默认红色标记。
2. 缺少assets配置（大概率）：如果没在pubspec.yaml中声明图片路径，Flutter无法找到camera_icon.png文件，同样会 fallback 到默认图标。

分步解决 #

1. 配置pubspec.yaml

确保在项目的pubspec.yaml中添加assets路径，否则图片无法被加载：

flutter:
  assets:
    - assets/camera_icon.png

2. 调整异步逻辑，确保图标加载完成后再创建Marker

修改代码，在自定义图标加载完成后再初始化Marker并更新标记集合：

BitmapDescriptor? markerIcon;
Set<Marker> markers = {};

void addCustomIcon() async {
  // 等待图标加载完成
  final icon = await BitmapDescriptor.fromAssetImage(
    const ImageConfiguration(), "assets/camera_icon.png"
  );
  setState(() {
    markerIcon = icon;
    // 图标就绪后创建Marker
    _initializeMarker();
  });
}

@override
void initState() {
  addCustomIcon();
  super.initState();
}

void _initializeMarker(){
  Marker m1 = Marker(
    markerId: const MarkerId('m1'),
    position: const LatLng(1.33397173881531, 103.77531433105469),
    infoWindow: const InfoWindow(title: 'Marker 1'),
    // 兜底：如果图标加载失败，仍使用默认标记
    icon: markerIcon ?? BitmapDescriptor.defaultMarker,
  );
  setState(() {
    markers.add(m1);
  });
}

3. 确保Google Maps组件使用正确的标记集合

你的现有Google Maps代码无需修改，但要保证markers是类级别的变量，且在更新时通过setState触发UI刷新。

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