Set directions profile to 'foot'.

Author: 01100100

README.md

@@ -30,7 +30,8 @@ WhereRoulette uses several external libraries and resources:
 
 - **[Nominatim](https://nominatim.openstreetmap.org/ui/about.html)** for geocoding
 - **[Overpass API](https://wiki.openstreetmap.org/wiki/Overpass_API)** for serving OpenStreetMap data
-- **[maplibregl](https://maplibre.org/)** for rendering interactive maps
+- **[Maplibre-gl](https://maplibre.org/)** for rendering interactive maps
+- **[Maplibre-gl-directions](https://maplibre.org/maplibre-gl-directions)** for directions
 - **[osmtogeojson](https://github.com/tyrasd/osmtogeojson)** for converting OpenStreetMap data to GeoJSON
 - **[FontAwesome](https://fontawesome.com/)** for icons
 - **[Webpack](https://webpack.js.org/)** for bundling assets

TODO.md

@@ -57,4 +57,6 @@
 - [] Add mapillary images for the choosen POI.
 - [] Add [lib.reviews](https://lib.reviews/faq)
 - [] Add way to mute the sound.
-- [] Update GeoControl to track user location on mobile devices.
+- [] Update GeoControl to track user location on mobile devices.
+- [] Add CI for deploy previews on PRs.
+- [] Add UI for setting directions profile.

app/src/main.ts

@@ -706,8 +706,17 @@ export function showDirections() {
   if (selectedFeature && selectedFeature.geometry.type === 'Point') {
     const destination = selectedFeature.geometry;
     navigator.geolocation.getCurrentPosition((position) => {
-      directions.setWaypoints([destination.coordinates as [number, number], [position.coords.longitude, position.coords.latitude]]);
-    });
+      // TODO: provide a UI for setting different profiles.
+      const profiles: string[] = [
+        "foot",
+        // "bike",
+        // "car"
+      ];
+      directions.setWaypoints(
+        [destination.coordinates as [number, number], [position.coords.longitude, position.coords.latitude]],
+        profiles
+    );
+  });
   } else {
     // Handle other geometry types or log an error/warning
     console.error("Selected feature does not have a 'Point' geometry type.");