diff --git a/website/src/lib/components/Menu.svelte b/website/src/lib/components/Menu.svelte
index 8f4b7042..8127056a 100644
--- a/website/src/lib/components/Menu.svelte
+++ b/website/src/lib/components/Menu.svelte
@@ -88,7 +88,8 @@
previousOverlays,
distanceMarkers,
directionMarkers,
- streetViewSource
+ streetViewSource,
+ routing
} = settings;
let undoDisabled = derived(canUndo, ($canUndo) => !$canUndo);
@@ -544,6 +545,9 @@
} else if (e.key === 'F4') {
$directionMarkers = !$directionMarkers;
e.preventDefault();
+ } else if (e.key === 'F5') {
+ $routing = !$routing;
+ e.preventDefault();
} else if (
e.key === 'ArrowRight' ||
e.key === 'ArrowDown' ||
diff --git a/website/src/lib/components/toolbar/tools/routing/Routing.svelte b/website/src/lib/components/toolbar/tools/routing/Routing.svelte
index e66f3be2..346b0ebf 100644
--- a/website/src/lib/components/toolbar/tools/routing/Routing.svelte
+++ b/website/src/lib/components/toolbar/tools/routing/Routing.svelte
@@ -5,6 +5,7 @@
import { Button } from '$lib/components/ui/button';
import Help from '$lib/components/Help.svelte';
import Tooltip from '$lib/components/Tooltip.svelte';
+ import Shortcut from '$lib/components/Shortcut.svelte';
import {
Bike,
Footprints,
@@ -25,7 +26,6 @@
import { brouterProfiles, routingProfileSelectItem } from './Routing';
import { _ } from 'svelte-i18n';
- import { get } from 'svelte/store';
import { RoutingControls } from './RoutingControls';
import mapboxgl from 'mapbox-gl';
import { fileObservers } from '$lib/db';
@@ -129,7 +129,10 @@