FR: declarative MapWidget

[vchrisb]

While the MapWidget and its MapboxMap have a lot of great features, it is mostly configured imperatively, which isn't Flutter's declarative approach. It is somewhat difficult and complicated to use different callbacks and async waits to configure the MapWidget.

e.g. to set MapboxMap scaleBar settings, I first need to get the MapboxMap in the onMapCreated callback. To load custom icons I then need to use onStyleLoaded and wait the icons to be fully loaded before I can add a SymbolLayer.
So overall this is complicated an error prone.

It would be awesome, if the MapWidget would be fully declarative, similar like the new viewport is implemented.
Something like:

MapWidget(
  key: const ValueKey('mapWidget'),
  scaleBar: ScaleBarSettings(),
  compass: CompassSettings(),
  locationComponent: LocationComponentSettings(),
  styleImages: [styleImage(),styleImage()],
  layers: [SymbolLayer(), LineLayer()],
  sources: [GeoJsonSource()],
  viewport: CameraViewportState(
    center: Position(-117.918976, 33.812092),
    zoom: 18,
  ),
  styleUri: 'mapbox://styles/...',
)

If one of the parameter values change, the MapWidget() will react to it. For viewport it would be great to have a default viewport transition, as updating the center might not be done via setStateWithViewportAnimation, but rather a state management tool like riverpod.

Looking forward to get feedback! 👍