add multiple maps support (#315)

* add multiple maps support * fix ScrollingMapPage example * use local dependencies
flutter-mapbox-gl · Jun 9, 2020 · 4a80c87 · 4a80c87 · kleeb · Jun 9, 2020
1 parent d2a4b37
commit 4a80c87
Show file tree

Hide file tree

Showing 10 changed files with 192 additions and 90 deletions.
diff --git a/example/lib/scrolling_map.dart b/example/lib/scrolling_map.dart
@@ -15,12 +15,20 @@ class ScrollingMapPage extends ExamplePage {
 
   @override
   Widget build(BuildContext context) {
-    return const ScrollingMapBody();
+    return ScrollingMapBody();
   }
 }
 
-class ScrollingMapBody extends StatelessWidget {
-  const ScrollingMapBody();
+class ScrollingMapBody extends StatefulWidget {
+  ScrollingMapBody();
+
+  @override
+  _ScrollingMapBodyState createState() => _ScrollingMapBodyState();
+}
+
+class _ScrollingMapBodyState extends State<ScrollingMapBody> {
+  MapboxMapController controllerOne;
+  MapboxMapController controllerTwo;
 
   final LatLng center = const LatLng(32.080664, 34.9563837);
 
@@ -42,7 +50,8 @@ class ScrollingMapBody extends StatelessWidget {
                     width: 300.0,
                     height: 300.0,
                     child: MapboxMap(
-                      onMapCreated: onMapCreated,
+                      onMapCreated: onMapCreatedOne,
+                      onStyleLoadedCallback: () => onStyleLoaded(controllerOne),
                       initialCameraPosition: CameraPosition(
                         target: center,
                         zoom: 11.0,
@@ -76,7 +85,8 @@ class ScrollingMapBody extends StatelessWidget {
                     width: 300.0,
                     height: 300.0,
                     child: MapboxMap(
-                      onMapCreated: onMapCreated,
+                      onMapCreated: onMapCreatedTwo,
+                      onStyleLoadedCallback: () => onStyleLoaded(controllerTwo),
                       initialCameraPosition: CameraPosition(
                         target: center,
                         zoom: 11.0,
@@ -98,7 +108,15 @@ class ScrollingMapBody extends StatelessWidget {
     );
   }
 
-  void onMapCreated(MapboxMapController controller) {
+  void onMapCreatedOne(MapboxMapController controller) {
+    this.controllerOne = controller;
+  }
+
+  void onMapCreatedTwo(MapboxMapController controller) {
+    this.controllerTwo = controller;
+  }
+
+  void onStyleLoaded(MapboxMapController controller) {
     controller.addSymbol(SymbolOptions(
         geometry: LatLng(
           center.latitude,