---
title: Route planning and editing
---

<script>
    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
    import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
    import DocsImage from '$lib/components/docs/DocsImage.svelte';
</script>

# <Pencil size="24" class="inline-block" style="margin-bottom: 5px" /> { title }

Ruttplaneringen och ändringsverktyget tillåter dig skapa och ändra rutter genom att placera och flytta ankarpunkter på kartan.

## Settings

Som visas nedan i verktygsdialogen innehåller den några inställningar för att kontrollera ruttbeteendet.
Du kan minimera dialogen för att spara plats genom att klicka på <button><SquareArrowUpLeft size="16" class="inline-block" style="margin-bottom: 2px" /></button>.

<div class="flex flex-row justify-center">
    <Routing minimizable={false} class="text-foreground p-3 border rounded-md shadow-lg" />
</div>

### <Route size="16" class="inline-block" style="margin-bottom: 2px" /> Ruttbeteende

When routing is enabled, anchor points placed or moved on the map will be connected by a route calculated on the <a href="https://www.openstreetmap.org" target="_blank">OpenStreetMap</a> road network.
Disable routing to connect anchor points with straight lines.
This setting can also be toggled by pressing <kbd>F5</kbd>.

### <Bike size="16" class="inline-block" style="margin-bottom: 2px" /> Activity

Select the activity type to tailor the routes for.

### <TriangleAlert size="16" class="inline-block" style="margin-bottom: 2px" /> Allow private roads

När vald kommer ruttmotorn fundera på privata vägar när beräknar rutter.

<DocsNote type="warning">

Använd bara detta alternativ om du har lokal kännedom om området och har tillstånd att använda vägarna.

</DocsNote>

## Plotting and editing routes

Skapa en rutt eller utöka en befintlig är enkelt som att klicka på kartan och placera en ny ankarpunkt.

You can also drag an existing anchor point to reroute the segment connecting it with the previous and next anchor point.

Furthermore, new anchor points can be inserted between existing ones by hovering over the segment connecting them and dragging the anchor point that appears to the desired location.
On touch devices, you can tap on the segment to insert a new anchor point.

<DocsNote>

When editing imported GPX files, an initial set of anchor points is created automatically.
To ease the editing process, the more the map is zoomed in, the more anchor points are displayed.
This allows the route to be edited at different levels of detail.

</DocsNote>

Slutligen kan du ta bort ankarpunkter genom att klicka på dem och välja <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Ta bort</button> från kontrollmenyn.

<DocsImage src="tools/routing" alt="Anchor points allow you to easily edit a route." />

## Additional tools

The following tools automate some common route modification operations.

### <ArrowRightLeft size="16" class="inline-block" style="margin-bottom: 2px" /> Reverse

Reverse the direction of the route.

### <Home size="16" class="inline-block" style="margin-bottom: 2px" /> Back to start

Anslut ändpunkten på rutten med startpunkten för rutten med de valda ruttinställningarna.

### <Repeat size="16" class="inline-block" style="margin-bottom: 2px" /> Round trip

Return to the starting point by the same route.

### <CirclePlay size="16" class="inline-block" style="margin-bottom: 2px" /> Change the start of the loop

When the end point of the route is close enough to the start, you can change the start of the loop by clicking on any anchor point and selecting <button><CirclePlay size="16" class="inline-block" style="margin-bottom: 2px" /> Start loop here</button> from the context menu.
