feat!: Remove web-only MapOptions.webControls and all WebControl classes (#138)

- [X] Remove web-only MapOptions.webControls
- [X] Remove web add control code via interop
- [X] Remove WebControl classes
- [X] Remove WebControlsPage and its card from MenuPage

Closes a task of #113

Author: gabbopalma

example/lib/main.dart

@@ -25,7 +25,6 @@ import 'package:maplibre_example/styled_map_page.dart';
 import 'package:maplibre_example/two_maps_page.dart';
 import 'package:maplibre_example/user_interface_page.dart';
 import 'package:maplibre_example/user_location_page.dart';
-import 'package:maplibre_example/web_controls_page.dart';
 import 'package:maplibre_example/widget_layer_page.dart';
 
 void main() {
@@ -71,7 +70,6 @@ class MyApp extends StatelessWidget {
         StyleLayersRasterPage.location: (context) =>
             const StyleLayersRasterPage(),
         StyleLayersLinePage.location: (context) => const StyleLayersLinePage(),
-        WebControlsPage.location: (context) => const WebControlsPage(),
         LayersMixedPage.location: (context) => const LayersMixedPage(),
         LayersCirclePage.location: (context) => const LayersCirclePage(),
         LayersMarkerPage.location: (context) => const LayersMarkerPage(),

example/lib/menu_page.dart

@@ -24,7 +24,6 @@ import 'package:maplibre_example/styled_map_page.dart';
 import 'package:maplibre_example/two_maps_page.dart';
 import 'package:maplibre_example/user_interface_page.dart';
 import 'package:maplibre_example/user_location_page.dart';
-import 'package:maplibre_example/web_controls_page.dart';
 import 'package:maplibre_example/widget_layer_page.dart';
 
 class MenuPage extends StatelessWidget {
@@ -63,12 +62,6 @@ class MenuPage extends StatelessWidget {
                 iconData: Icons.notifications,
                 location: EventsPage.location,
               ),
-              if (kIsWeb)
-                ItemCard(
-                  label: 'Web Controls',
-                  iconData: Icons.toggle_off,
-                  location: WebControlsPage.location,
-                ),
               ItemCard(
                 label: 'Controller',
                 iconData: Icons.api,

example/lib/web_controls_page.dart

@@ -22,5 +22,4 @@ export 'src/ui/map_scalebar.dart';
 export 'src/ui/map_zoom_buttons.dart';
 export 'src/ui/source_attribution.dart';
 export 'src/utils.dart';
-export 'src/web_controls.dart';
 export 'src/widget_layer.dart';

lib/maplibre.dart

@@ -14,7 +14,6 @@ class MapOptions {
     @Deprecated('Renamed to initPitch') double? pitch,
     double initPitch = 0,
     this.initBearing = 0,
-    this.webControls = const [],
     this.minZoom = 0,
     this.maxZoom = 22,
     this.minPitch = 0,
@@ -57,11 +56,6 @@ class MapOptions {
   /// The initial center on the map.
   final Position? initCenter;
 
-  /// A list of user interface control buttons that should get used.
-  ///
-  /// Only supported on web.
-  final List<WebMapControl> webControls;
-
   /// The minimum zoom level. Allowed values are 0-24. Defaults to 0.
   final double minZoom;
 

lib/src/map_options.dart

@@ -7,7 +7,6 @@ import 'package:maplibre/maplibre.dart';
 import 'package:web/web.dart';
 
 part 'camera.dart';
-part 'controls.dart';
 part 'events.dart';
 part 'gesture_handlers.dart';
 part 'map.dart';

lib/src/platform/web/interop/controls.dart

@@ -6,9 +6,6 @@ extension type JsMap._(Camera _) implements Camera {
   /// Create a new MapLibre map.
   external JsMap(MapOptions options);
 
-  /// Add a web-only control button to the map.
-  external void addControl(IControl control);
-
   /// https://github.com/maplibre/maplibre-gl-js/blob/76410880f81de2582be073bc2d730b3f4b8f254d/src/ui/map.ts#L1383
   external void on(String type, JSExportedDartFunction listener);
 

lib/src/platform/web/interop/interop.dart

@@ -66,52 +66,6 @@ final class MapLibreMapStateWeb extends MapLibreMapState {
         _map.setMaxBounds(options.maxBounds?.toJsLngLatBounds());
         _updateGestures(options.gestures);
 
-        // add controls
-        for (final control in options.webControls) {
-          final jsControl = switch (control) {
-            final WebScaleControl control => interop.ScaleControl(
-                interop.ScaleControlOptions(
-                  maxWidth: control.maxWidth,
-                  unit: control.unit.name,
-                ),
-              ),
-            final WebGeolocateControl control => interop.GeolocateControl(
-                interop.GeolocateControlOptions(
-                  positionOptions: interop.PositionOptions(
-                    enableHighAccuracy:
-                        control.positionOptions.enableHighAccuracy,
-                    maximumAge:
-                        control.positionOptions.maximumAge.inMilliseconds,
-                    timeout: control.positionOptions.timeout.inMilliseconds,
-                  ),
-                ),
-              ),
-            final WebAttributionControl control => interop.AttributionControl(
-                interop.AttributionControlOptions(
-                  compact: control.compact,
-                  customAttribution: control.customAttribution,
-                ),
-              ),
-            final WebFullscreenControl _ => interop.FullscreenControl(
-                interop.FullscreenControlOptions(),
-              ),
-            final WebLogoControl control => interop.LogoControl(
-                interop.LogoControlOptions(compact: control.compact),
-              ),
-            final WebNavigationControl control => interop.NavigationControl(
-                interop.NavigationControlOptions(
-                  showCompass: control.showCompass,
-                  showZoom: control.showZoom,
-                  visualizePitch: control.visualizePitch,
-                ),
-              ),
-            final WebTerrainControl control => interop.TerrainControl(
-                interop.TerrainControlOptions(source: control.source),
-              ),
-          };
-          _map.addControl(jsControl);
-        }
-
         // add callbacks
         _map.on(
           interop.MapEventType.load,