covas_mobile_new/lib/pages/MapboxPages.dart

@@ -230,15 +230,45 @@ class _MapboxPagesState extends State<MapboxPages> with ShowAlertDialog {
       drawer: MyDrawer(),
       body: isLoading
           ? const Center(child: CircularProgressIndicator())
-          : mapbox.MapWidget(
+          : Column(
-              onMapCreated: (controller) {
+              children: [
-                mapboxMap = controller;
+                Row(
-              },
+                  mainAxisAlignment: MainAxisAlignment.center,
-              cameraOptions: mapbox.CameraOptions(
+                  children: [
-                center: mapbox.Point(
+                    const Text("Mode : "),
-                    coordinates: mapbox.Position(longitude, latitude)),
+                    DropdownButton<String>(
-                zoom: 14.0,
+                      value: selectedMode,
-              ),
+                      items: const [
+                        DropdownMenuItem(
+                            value: 'driving', child: Text("🚗 Voiture")),
+                        DropdownMenuItem(
+                            value: 'walking', child: Text("🚶 Marche")),
+                        DropdownMenuItem(
+                            value: 'cycling', child: Text("🚴 Vélo")),
+                      ],
+                      onChanged: (value) {
+                        if (value != null) {
+                          setState(() {
+                            selectedMode = value;
+                          });
+                        }
+                      },
+                    ),
+                  ],
+                ),
+                Expanded(
+                  child: mapbox.MapWidget(
+                    onMapCreated: (controller) {
+                      mapboxMap = controller;
+                    },
+                    cameraOptions: mapbox.CameraOptions(
+                      center: mapbox.Point(
+                          coordinates: mapbox.Position(longitude, latitude)),
+                      zoom: 14.0,
+                    ),
+                  ),
+                ),
+              ],
             ),
       floatingActionButton: FloatingActionButton(
         onPressed: _drawRouteAndMarkers,