Flutter中API响应后Google Map Marker无法更新的问题求助

问题：首次API响应标记显示正常，刷新API后标记不更新，返回空列表时旧标记仍残留。

问题代码分析 #

核心问题出在oldMarkers的更新逻辑上：

• 原代码使用oldMarkers.addAll(markers)，这会将当前标记追加到旧标记集合中而非替换，导致旧标记集合不断累积元素，无法正确计算需要移除的标记。
• 当API返回空列表时，markers被清空，但oldMarkers仍保留之前的标记，MarkerUpdates无法生成正确的移除操作。

修复方案 #

方案1：修正旧标记集合的赋值逻辑

将oldMarkers.addAll(markers)改为直接复制当前标记作为旧集合，确保旧集合始终是更新前的标记快照：

void setMarker() {
  final data = locationData; // API响应数据

  // 替换原addAll逻辑，直接复制当前markers作为旧集合
  oldMarkers = Set.from(markers);
  markers.clear();

  data.forEach((element) {
    markers.add(
      Marker(
        markerId: MarkerId(element.sId.toString()),
        position: LatLng(element.latitude!, element.longitude!),
        icon: MapMarkerIconUtil.getBitmapDescriptor(element.provider)!,
      ),
    );
  });
  updateMarker();
  update();
}

方案2：直接清空再添加（更简洁可靠）

如果每次API响应都是全量替换标记列表，无需计算差异，可直接清空所有标记后添加新内容：

void setMarker() {
  final data = locationData;

  // 先清空地图上的所有标记
  if (mapController != null) {
    mapController.clearMarkers();
  }
  markers.clear();

  data.forEach((element) {
    final newMarker = Marker(
      markerId: MarkerId(element.sId.toString()),
      position: LatLng(element.latitude!, element.longitude!),
      icon: MapMarkerIconUtil.getBitmapDescriptor(element.provider)!,
    );
    markers.add(newMarker);
    // 直接添加到地图
    if (mapController != null) {
      mapController.addMarker(newMarker);
    }
  });
  update();
}

这种方式避免了维护oldMarkers和计算更新差异的复杂度，适合全量更新场景。

额外检查点

• 确保mapController已正确初始化，调用标记操作前判空避免异常。
• 移除重复的update()调用（原代码中setMarker和updateMarker都调用了update()，保留一个即可）。

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