fix: test example app (#95)

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

Author: josxha

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>

docs/static/img/layers/circle_layer.jpg

@@ -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/annotations_mixed_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/controller_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/gestures_page.dart

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

example/lib/layers_circle_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/two_maps_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(