[google_maps_flutter_web] Add Cloud MapStyle color scheme support for web

packages/google_maps_flutter/google_maps_flutter/lib/google_maps_flutter.dart

@@ -41,6 +41,7 @@ export 'package:google_maps_flutter_platform_interface/google_maps_flutter_platf
         LatLng,
         LatLngBounds,
         MapBitmapScaling,
+        MapColorScheme,
         MapStyleException,
         MapType,
         Marker,

packages/google_maps_flutter/google_maps_flutter/lib/src/google_map.dart

@@ -134,6 +134,7 @@ class GoogleMap extends StatefulWidget {
     this.onTap,
     this.onLongPress,
     this.cloudMapId,
+    this.colorScheme,
   });
 
   /// Callback method for when the map is ready to be used.
@@ -373,6 +374,9 @@ class GoogleMap extends StatefulWidget {
   /// for more details.
   final String? cloudMapId;
 
+  /// Color scheme for the map
+  final MapColorScheme? colorScheme;
+
   /// Creates a [State] for this [GoogleMap].
   @override
   State createState() => _GoogleMapState();
@@ -724,6 +728,7 @@ MapConfiguration _configurationFromMapWidget(GoogleMap map) {
     trafficEnabled: map.trafficEnabled,
     buildingsEnabled: map.buildingsEnabled,
     cloudMapId: map.cloudMapId,
+    colorScheme: map.colorScheme,
     // A null style in the widget means no style, which is expressed as '' in
     // the configuration to distinguish from no change (null).
     style: map.style ?? '',

packages/google_maps_flutter/google_maps_flutter_platform_interface/lib/src/types/map_color_scheme.dart

@@ -0,0 +1,2 @@
+/// The color scheme of the map to be used with cloud styles
+enum MapColorScheme { light, dark, followSystem }

packages/google_maps_flutter/google_maps_flutter_platform_interface/lib/src/types/map_configuration.dart

@@ -42,6 +42,7 @@ class MapConfiguration {
     String? cloudMapId,
     this.style,
     this.markerType,
+    this.colorScheme,
   }) : mapId = mapId ?? cloudMapId;
 
   /// This setting controls how the API handles gestures on the map. Web only.
@@ -152,6 +153,9 @@ class MapConfiguration {
   @Deprecated('cloudMapId is deprecated. Use mapId instead.')
   String? get cloudMapId => mapId;
 
+  /// Preferred color scheme for the map in web platform
+  final MapColorScheme? colorScheme;
+
   /// Returns a new options object containing only the values of this instance
   /// that are different from [other].
   MapConfiguration diffFrom(MapConfiguration other) {
@@ -225,6 +229,7 @@ class MapConfiguration {
           ? buildingsEnabled
           : null,
       mapId: mapId != other.mapId ? mapId : null,
+      colorScheme: colorScheme != other.colorScheme ? colorScheme : null,
       style: style != other.style ? style : null,
       markerType: markerType != other.markerType ? markerType : null,
     );
@@ -264,6 +269,7 @@ class MapConfiguration {
       buildingsEnabled: diff.buildingsEnabled ?? buildingsEnabled,
       mapId: diff.mapId ?? mapId,
       style: diff.style ?? style,
+      colorScheme: diff.colorScheme ?? colorScheme,
       markerType: diff.markerType ?? markerType,
     );
   }
@@ -293,6 +299,7 @@ class MapConfiguration {
       trafficEnabled == null &&
       buildingsEnabled == null &&
       mapId == null &&
+      colorScheme == null &&
       style == null &&
       markerType == null;
 
@@ -329,6 +336,7 @@ class MapConfiguration {
         buildingsEnabled == other.buildingsEnabled &&
         mapId == other.mapId &&
         style == other.style &&
+        colorScheme == other.colorScheme &&
         markerType == other.markerType;
   }
 
@@ -358,6 +366,7 @@ class MapConfiguration {
     buildingsEnabled,
     mapId,
     style,
+    colorScheme,
     markerType,
   ]);
 }

packages/google_maps_flutter/google_maps_flutter_platform_interface/lib/src/types/types.dart

@@ -19,6 +19,7 @@ export 'heatmap.dart';
 export 'heatmap_updates.dart';
 export 'joint_type.dart';
 export 'location.dart';
+export 'map_color_scheme.dart';
 export 'map_configuration.dart';
 export 'map_objects.dart';
 export 'map_widget_configuration.dart';

packages/google_maps_flutter/google_maps_flutter_web/CHANGELOG.md

@@ -1,6 +1,7 @@
-## NEXT
+## 0.5.14+4
 
 * Updates minimum supported SDK version to Flutter 3.32/Dart 3.8.
+* Adds `colorScheme` support for cloud-based maps styling brightness.
 
 ## 0.5.14+3
 

packages/google_maps_flutter/google_maps_flutter_web/lib/src/convert.dart

@@ -131,9 +131,35 @@ gmaps.MapOptions _configurationAndStyleToGmapsOptions(
 
   options.mapId = configuration.mapId;
 
+  // Convert the color scheme, if any, and set it
+  final gmaps.ColorScheme? jsColorScheme = _gmapTypeColorSchemeForPluginColor(
+    configuration.colorScheme,
+  );
+  if (jsColorScheme != null) {
+    options.colorScheme = jsColorScheme;
+  }
+
   return options;
 }
 
+/// Converts a [MapColorScheme] into a [gmaps.ColorScheme]
+gmaps.ColorScheme? _gmapTypeColorSchemeForPluginColor(MapColorScheme? scheme) {
+  // Guard clause for null
+  if (scheme == null) {
+    return null;
+  }
+
+  // Map to gmaps.ColorScheme
+  switch (scheme) {
+    case MapColorScheme.dark:
+      return gmaps.ColorScheme.DARK;
+    case MapColorScheme.light:
+      return gmaps.ColorScheme.LIGHT;
+    case MapColorScheme.followSystem:
+      return gmaps.ColorScheme.FOLLOW_SYSTEM;
+  }
+}
+
 gmaps.MapTypeId _gmapTypeIDForPluginType(MapType type) {
   switch (type) {
     case MapType.satellite:

packages/google_maps_flutter/google_maps_flutter_web/pubspec.yaml

@@ -2,7 +2,7 @@ name: google_maps_flutter_web
 description: Web platform implementation of google_maps_flutter
 repository: https://github.com/flutter/packages/tree/main/packages/google_maps_flutter/google_maps_flutter_web
 issue_tracker: https://github.com/flutter/flutter/issues?q=is%3Aissue+is%3Aopen+label%3A%22p%3A+maps%22
-version: 0.5.14+3
+version: 0.5.14+4
 
 environment:
   sdk: ^3.8.0