fix: test example app (#95)

- late AnnotationManager on web
- update circles example image
- add Wrap spacing

README.md

@@ -41,7 +41,7 @@ functionality.
     <tr>
       <td style="text-align: center;">
         <strong>Add circles</strong>
-        <img src="https://raw.githubusercontent.com/josxha/flutter-maplibre/427311f8f4577c215bf73caf46e3769629e74e3b/docs/static/img/layers/circle_layer.jpg" alt="Circle Layer" />
+        <img src="https://raw.githubusercontent.com/josxha/flutter-maplibre/fe660b8d1c055d32e74cbc2ee0809281331a130b/docs/static/img/layers/circle_layer.jpg" alt="Circle Layer" />
       </td>
       <td style="text-align: center;">
         <strong>Add 3D building outlines</strong>

docs/src/pages/index.module.css

@@ -23,5 +23,5 @@
 .buttons {
   display: flex;
   align-items: center;
-  justify-content: center;
+  justify-content: space-evenly;
 }

docs/src/pages/index.tsx

@@ -22,6 +22,11 @@ function HomepageHeader() {
             to="/docs/getting-started/add-dependency">
             Getting Started
           </Link>
+          <Link
+            className="button button--secondary button--lg"
+            to="/demo">
+            Example App
+          </Link>
         </div>
       </div>
     </header>

example/lib/annotations_mixed_page.dart

@@ -34,6 +34,7 @@ class _AnnotationsMixedPageState extends State<AnnotationsMixedPage> {
             padding: const EdgeInsets.all(8),
             child: Wrap(
               spacing: 8,
+              runSpacing: 2,
               alignment: WrapAlignment.center,
               children: [
                 OutlinedButton(

example/lib/controller_page.dart

@@ -25,6 +25,7 @@ class _ControllerPageState extends State<ControllerPage> {
             padding: const EdgeInsets.all(8),
             child: Wrap(
               spacing: 8,
+              runSpacing: 2,
               alignment: WrapAlignment.center,
               children: [
                 OutlinedButton(

example/lib/gestures_page.dart

@@ -26,6 +26,7 @@ class _GesturesPageState extends State<GesturesPage> {
             padding: const EdgeInsets.all(8),
             child: Wrap(
               spacing: 8,
+              runSpacing: 2,
               children: Gestures.values
                   .map(
                     (e) => ChoiceChip(

example/lib/layers_circle_page.dart

@@ -62,16 +62,6 @@ const _circleLayer = CircleLayer(
         1,
         1,
         6,
-        4
-      ],
-      16,
-      [
-        'interpolate',
-        ['linear'],
-        ['get', 'mag'],
-        1,
-        5,
-        6,
         50
       ]
     ],

example/lib/two_maps_page.dart

@@ -60,6 +60,7 @@ class _ButtonsWidget extends StatelessWidget {
       padding: const EdgeInsets.all(8),
       child: Wrap(
         spacing: 8,
+        runSpacing: 2,
         children: [
           OutlinedButton(
             onPressed: () {

example/lib/user_location_page.dart

@@ -26,6 +26,7 @@ class _UserLocationPageState extends State<UserLocationPage> {
             padding: const EdgeInsets.all(8),
             child: Wrap(
               spacing: 8,
+              runSpacing: 2,
               alignment: WrapAlignment.center,
               children: [
                 OutlinedButton(

lib/src/web/widget_state.dart

@@ -21,7 +21,7 @@ final class MapLibreMapStateWeb extends State<MapLibreMap>
   late interop.JsMap _map;
   Completer<interop.MapLibreEvent>? _movementCompleter;
   bool _nextGestureCausedByController = false;
-  late AnnotationManager _annotationManager;
+  AnnotationManager? _annotationManager;
 
   MapOptions get _options => widget.options;
 
@@ -229,7 +229,7 @@ final class MapLibreMapStateWeb extends State<MapLibreMap>
     if (_options.gestures != oldWidget.options.gestures) {
       _updateGestures(_options.gestures);
     }
-    _annotationManager.updateLayers(widget.layers);
+    _annotationManager?.updateLayers(widget.layers);
     super.didUpdateWidget(oldWidget);
   }