covas_mobile_new/lib/pages/MapboxPages.dart

@@ -230,7 +230,34 @@ class _MapboxPagesState extends State<MapboxPages> with ShowAlertDialog {
       drawer: MyDrawer(),
       body: isLoading
           ? const Center(child: CircularProgressIndicator())
-          : mapbox.MapWidget(
+          : Column(
+              children: [
+                Row(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  children: [
+                    const Text("Mode : "),
+                    DropdownButton<String>(
+                      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;
                     },
@@ -240,6 +267,9 @@ class _MapboxPagesState extends State<MapboxPages> with ShowAlertDialog {
                       zoom: 14.0,
                     ),
                   ),
+                ),
+              ],
+            ),
       floatingActionButton: FloatingActionButton(
         onPressed: _drawRouteAndMarkers,
         child: const Icon(Icons.directions),