Flutter Google Maps 如何单独修改点击激活Marker的外观

核心逻辑是给每个标记配置唯一标识，单独记录当前激活的标记ID，渲染时根据ID匹配状态返回对应图标，不会触发全量标记样式变更。

• 首先在承载GoogleMap的StatefulWidget的状态类中，声明变量存储当前激活的标记ID，初始值为空：
  String? _activeMarkerId;
• 为每个生成的Marker配置唯一markerId，优先使用点位数据自带的唯一ID，没有的话可以通过坐标值生成唯一字符串作为ID，保证所有标记ID不重复。
• 生成Marker图标时，判断当前标记的ID是否和已记录的激活ID一致，匹配则返回激活样式图标，否则返回默认样式图标。
• 标记点击回调中，通过setState更新激活标记ID为当前点击的标记ID，触发组件重绘即可。

修改后的可运行代码示例：

// 状态类中提前声明变量
String? _activeMarkerId;

@override
Widget build(BuildContext context) {
  return BlocBuilder<LocationBloc, LocationState>(
    builder: (context, state) {
      final markers = <Marker>{};
      if (state is LocationLoaded) {
        markers = state.locationPoints!.map((locationPoint) {
          // 替换为你点位数据中的唯一ID字段即可
          final markerIdVal = locationPoint.id;
          final markerId = MarkerId(markerIdVal);
          final isCurrentActive = markerIdVal == _activeMarkerId;

          return Marker(
            markerId: markerId,
            onTap: () {
              setState(() {
                // 点击已激活标记则取消激活，否则切换为当前激活项
                _activeMarkerId = isCurrentActive ? null : markerIdVal;
              });
            },
            // 给原有自定义图标方法加激活状态参数即可
            icon: customMarker(locationPoint, isActive: isCurrentActive),
            position: LatLng(
              locationPoint.coordinates.latitude,
              locationPoint.coordinates.longitude,
            ),
          );
        }).toSet();
      }

      return GoogleMap(
        markers: markers,
        // 其余GoogleMap配置参数保持原有逻辑不变
      );
    },
  );
}

之前出现所有标记同步改样式的问题，核心原因是没有给Marker配置唯一markerId，或者激活状态的判断逻辑没有和单个标记的唯一标识绑定，导致重绘时所有标记都命中了激活样式的判断条件。
你只需要给原有customMarker方法新增isActive的布尔参数，方法内部根据参数值返回对应样式的BitmapDescriptor即可，不需要改动原有图标生成的其他逻辑。

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