routing off with elevation

website/src/lib/components/Map.svelte

@@ -26,32 +26,6 @@
 		unit: $distanceUnits
 	});
 
-	function toggleTerrain() {
-		if ($map) {
-			if ($map.getPitch() > 0) {
-				if (!$map.getSource('mapbox-dem')) {
-					$map.addSource('mapbox-dem', {
-						type: 'raster-dem',
-						url: 'mapbox://mapbox.mapbox-terrain-dem-v1',
-						tileSize: 512,
-						maxzoom: 14
-					});
-				}
-				if (!$map.getTerrain()) {
-					$map.setTerrain({ source: 'mapbox-dem', exaggeration: 1 });
-					$map.setFog({
-						color: 'rgb(186, 210, 235)',
-						'high-color': 'rgb(36, 92, 223)',
-						'horizon-blend': 0.1,
-						'space-color': 'rgb(156, 240, 255)'
-					});
-				}
-			} else {
-				$map.setTerrain(null);
-			}
-		}
-	}
-
 	onMount(() => {
 		let newMap = new mapboxgl.Map({
 			container: 'map',
@@ -98,10 +72,20 @@
 
 		newMap.addControl(scaleControl);
 
-		newMap.on('style.load', toggleTerrain);
-		newMap.on('pitch', toggleTerrain);
-
 		newMap.on('style.load', () => {
+			newMap.addSource('mapbox-dem', {
+				type: 'raster-dem',
+				url: 'mapbox://mapbox.mapbox-terrain-dem-v1',
+				tileSize: 512,
+				maxzoom: 14
+			});
+			newMap.setTerrain({ source: 'mapbox-dem' });
+			newMap.setFog({
+				color: 'rgb(186, 210, 235)',
+				'high-color': 'rgb(36, 92, 223)',
+				'horizon-blend': 0.1,
+				'space-color': 'rgb(156, 240, 255)'
+			});
 			// add dummy layer to place the overlay layers below
 			newMap.addLayer({
 				id: 'overlays',

website/src/lib/components/toolbar/tools/routing/Routing.ts

@@ -1,8 +1,9 @@
 import type { Coordinates } from "gpx";
-import { TrackPoint } from "gpx";
+import { TrackPoint, distance } from "gpx";
 import { get, writable } from "svelte/store";
 import { settings } from "$lib/db";
 import { _ } from "svelte-i18n";
+import { map } from "$lib/stores";
 
 const { routing, routingProfile, privateRoads } = settings;
 
@@ -38,14 +39,7 @@ export function route(points: Coordinates[]): Promise<TrackPoint[]> {
     if (get(routing)) {
         return getRoute(points, brouterProfiles[get(routingProfile)], get(privateRoads));
     } else {
-        return new Promise((resolve) => {
-            resolve(points.map(point => new TrackPoint({
-                attributes: {
-                    lat: point.lat,
-                    lon: point.lon
-                }
-            })));
-        });
+        return getIntermediatePoints(points);
     }
 }
 
@@ -101,4 +95,37 @@ function getSurface(message: string): string {
         return fields[i].substring(8);
     }
     return "unknown";
-};
+};
+
+function getIntermediatePoints(points: Coordinates[]): Promise<TrackPoint[]> {
+    let route: TrackPoint[] = [];
+    let step = 0.05;
+
+    for (let i = 0; i < points.length - 1; i++) { // Add intermediate points between each pair of points
+        let dist = distance(points[i], points[i + 1]) / 1000;
+        for (let d = 0; d < dist; d += step) {
+            let lat = points[i].lat + d / dist * (points[i + 1].lat - points[i].lat);
+            let lon = points[i].lon + d / dist * (points[i + 1].lon - points[i].lon);
+            route.push(new TrackPoint({
+                attributes: {
+                    lat: lat,
+                    lon: lon
+                }
+            }));
+        }
+    }
+
+    route.push(new TrackPoint({
+        attributes: {
+            lat: points[points.length - 1].lat,
+            lon: points[points.length - 1].lon
+        }
+    }));
+
+    route.forEach((point) => {
+        point.setSurface("unknown");
+        point.ele = get(map)?.queryTerrainElevation(point.getCoordinates()) ?? undefined;
+    });
+
+    return new Promise((resolve) => resolve(route));
+}