Use the options in google_maps_flutter_web

packages/google_maps_flutter/google_maps_flutter/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 * Removes dependencies from `pubspec.yaml` that are only needed in `example/pubspec.yaml`
 * Updates Android compileSdkVersion to 31.
-* Added options for gesture handling and tilt controls
+* Added options for gesture handling and tilt controls on web
 
 ## 2.1.1
 

packages/google_maps_flutter/google_maps_flutter/lib/google_maps_flutter.dart

@@ -28,6 +28,7 @@ export 'package:google_maps_flutter_platform_interface/google_maps_flutter_platf
         Cap,
         Circle,
         CircleId,
+        GestureHandling,
         InfoWindow,
         JointType,
         LatLng,

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

@@ -284,7 +284,7 @@ class GoogleMap extends StatefulWidget {
   final Set<Factory<OneSequenceGestureRecognizer>> gestureRecognizers;
 
   /// This setting controls how the API handles gestures on the map. Web only.
-  /// 
+  ///
   /// See [GestureHandling] for more details.
   final GestureHandling? gestureHandling;
 
@@ -532,14 +532,16 @@ class _GoogleMapState extends State<GoogleMap> {
 /// Configuration options for the GoogleMaps user interface.
 class _GoogleMapOptions {
   _GoogleMapOptions.fromWidget(GoogleMap map)
-      : compassEnabled = map.compassEnabled,
+      : gestureHandling = map.gestureHandling,
+        compassEnabled = map.compassEnabled,
         mapToolbarEnabled = map.mapToolbarEnabled,
         cameraTargetBounds = map.cameraTargetBounds,
         mapType = map.mapType,
         minMaxZoomPreference = map.minMaxZoomPreference,
         rotateGesturesEnabled = map.rotateGesturesEnabled,
         scrollGesturesEnabled = map.scrollGesturesEnabled,
         tiltGesturesEnabled = map.tiltGesturesEnabled,
+        tiltControlsEnabled = map.tiltControlsEnabled,
         trackCameraPosition = map.onCameraMove != null,
         zoomControlsEnabled = map.zoomControlsEnabled,
         zoomGesturesEnabled = map.zoomGesturesEnabled,
@@ -552,6 +554,8 @@ class _GoogleMapOptions {
         buildingsEnabled = map.buildingsEnabled,
         assert(!map.liteModeEnabled || Platform.isAndroid);
 
+  final GestureHandling? gestureHandling;
+
   final bool compassEnabled;
 
   final bool mapToolbarEnabled;
@@ -568,6 +572,8 @@ class _GoogleMapOptions {
 
   final bool tiltGesturesEnabled;
 
+  final bool tiltControlsEnabled;
+
   final bool trackCameraPosition;
 
   final bool zoomControlsEnabled;
@@ -590,6 +596,7 @@ class _GoogleMapOptions {
 
   Map<String, dynamic> toMap() {
     return <String, dynamic>{
+      'gestureHandling': gestureHandling?.name,
       'compassEnabled': compassEnabled,
       'mapToolbarEnabled': mapToolbarEnabled,
       'cameraTargetBounds': cameraTargetBounds.toJson(),
@@ -598,6 +605,7 @@ class _GoogleMapOptions {
       'rotateGesturesEnabled': rotateGesturesEnabled,
       'scrollGesturesEnabled': scrollGesturesEnabled,
       'tiltGesturesEnabled': tiltGesturesEnabled,
+      'tiltControlsEnabled': tiltControlsEnabled,
       'zoomControlsEnabled': zoomControlsEnabled,
       'zoomGesturesEnabled': zoomGesturesEnabled,
       'liteModeEnabled': liteModeEnabled,

packages/google_maps_flutter/google_maps_flutter_platform_interface/CHANGELOG.md

@@ -1,6 +1,6 @@
 ## 2.2.0
 
-* Added options for gesture handling and tilt controls
+* Added options for gesture handling and tilt controls on web
 
 ## 2.1.5
 

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

@@ -51,7 +51,7 @@ double _getCssOpacity(Color color) {
 // myLocationEnabled needs to be built through dart:html navigator.geolocation
 //   See: https://api.dart.dev/stable/2.8.4/dart-html/Geolocation-class.html
 // trafficEnabled is handled when creating the GMap object, since it needs to be added as a layer.
-// trackCameraPosition is just a boolan value that indicates if the map has an onCameraMove handler.
+// trackCameraPosition is just a boolean value that indicates if the map has an onCameraMove handler.
 // indoorViewEnabled seems to not have an equivalent in web
 // buildingsEnabled seems to not have an equivalent in web
 // padding seems to behave differently in web than mobile. You can't move UI elements in web.
@@ -81,11 +81,18 @@ gmaps.MapOptions _rawOptionsToGmapsOptions(Map<String, dynamic> rawOptions) {
     options.styles = rawOptions['styles'];
   }
 
-  if (rawOptions['scrollGesturesEnabled'] == false ||
+  if (rawOptions['gestureHandling'] != null) {
+    options.gestureHandling = rawOptions['gestureHandling'];
+  } else if (rawOptions['scrollGesturesEnabled'] == false ||
       rawOptions['zoomGesturesEnabled'] == false) {
-    options.gestureHandling = 'none';
+    options.gestureHandling = GestureHandling.none.name;
   } else {
-    options.gestureHandling = 'auto';
+    options.gestureHandling = GestureHandling.auto.name;
+  }
+
+  if (rawOptions['tiltControlsEnabled'] == false) {
+    options.rotateControl = false;
+    options.tilt = 0;
   }
 
   // These don't have any rawOptions entry, but they seem to be off in the native maps.