mirror of
https://github.com/gpxstudio/gpx.studio.git
synced 2025-08-31 15:43:25 +00:00
New Crowdin updates (#117)
* New translations en.json (Italian) * New translations files-and-stats.mdx (Italian) * New translations getting-started.mdx (Romanian) * New translations getting-started.mdx (French) * New translations getting-started.mdx (Spanish) * New translations getting-started.mdx (Catalan) * New translations getting-started.mdx (Czech) * New translations getting-started.mdx (German) * New translations getting-started.mdx (Greek) * New translations getting-started.mdx (Hungarian) * New translations getting-started.mdx (Italian) * New translations getting-started.mdx (Lithuanian) * New translations getting-started.mdx (Dutch) * New translations getting-started.mdx (Norwegian) * New translations getting-started.mdx (Polish) * New translations getting-started.mdx (Portuguese) * New translations getting-started.mdx (Russian) * New translations getting-started.mdx (Swedish) * New translations getting-started.mdx (Chinese Simplified) * New translations getting-started.mdx (Vietnamese) * New translations getting-started.mdx (Portuguese, Brazilian) * New translations map-controls.mdx (Romanian) * New translations map-controls.mdx (French) * New translations map-controls.mdx (Spanish) * New translations map-controls.mdx (Catalan) * New translations map-controls.mdx (Czech) * New translations map-controls.mdx (German) * New translations map-controls.mdx (Greek) * New translations map-controls.mdx (Hungarian) * New translations map-controls.mdx (Italian) * New translations map-controls.mdx (Lithuanian) * New translations map-controls.mdx (Dutch) * New translations map-controls.mdx (Norwegian) * New translations map-controls.mdx (Polish) * New translations map-controls.mdx (Portuguese) * New translations map-controls.mdx (Russian) * New translations map-controls.mdx (Swedish) * New translations map-controls.mdx (Chinese Simplified) * New translations map-controls.mdx (Vietnamese) * New translations map-controls.mdx (Portuguese, Brazilian) * New translations routing.mdx (Romanian) * New translations routing.mdx (French) * New translations routing.mdx (Spanish) * New translations routing.mdx (Catalan) * New translations routing.mdx (Czech) * New translations routing.mdx (German) * New translations routing.mdx (Greek) * New translations routing.mdx (Hungarian) * New translations routing.mdx (Italian) * New translations routing.mdx (Lithuanian) * New translations routing.mdx (Dutch) * New translations routing.mdx (Norwegian) * New translations routing.mdx (Polish) * New translations routing.mdx (Portuguese) * New translations routing.mdx (Russian) * New translations routing.mdx (Swedish) * New translations routing.mdx (Chinese Simplified) * New translations routing.mdx (Vietnamese) * New translations routing.mdx (Portuguese, Brazilian) * New translations scissors.mdx (Romanian) * New translations getting-started.mdx (Korean) * New translations scissors.mdx (French) * New translations scissors.mdx (Spanish) * New translations scissors.mdx (Catalan) * New translations scissors.mdx (Czech) * New translations scissors.mdx (German) * New translations scissors.mdx (Greek) * New translations scissors.mdx (Hungarian) * New translations scissors.mdx (Italian) * New translations scissors.mdx (Lithuanian) * New translations scissors.mdx (Dutch) * New translations scissors.mdx (Norwegian) * New translations scissors.mdx (Polish) * New translations scissors.mdx (Portuguese) * New translations scissors.mdx (Russian) * New translations scissors.mdx (Swedish) * New translations scissors.mdx (Chinese Simplified) * New translations scissors.mdx (Vietnamese) * New translations scissors.mdx (Portuguese, Brazilian) * New translations map-controls.mdx (Korean) * New translations getting-started.mdx (Hebrew) * New translations routing.mdx (Korean) * New translations scissors.mdx (Korean) * New translations map-controls.mdx (Hebrew) * New translations routing.mdx (Hebrew) * New translations scissors.mdx (Hebrew) * New translations getting-started.mdx (Finnish) * New translations map-controls.mdx (Finnish) * New translations routing.mdx (Finnish) * New translations scissors.mdx (Finnish) * New translations elevation.mdx (Italian) * New translations getting-started.mdx (Serbian (Latin)) * New translations getting-started.mdx (Belarusian) * New translations map-controls.mdx (Serbian (Latin)) * New translations routing.mdx (Serbian (Latin)) * New translations scissors.mdx (Serbian (Latin)) * New translations map-controls.mdx (Belarusian) * New translations routing.mdx (Belarusian) * New translations scissors.mdx (Belarusian) * New translations getting-started.mdx (Danish) * New translations getting-started.mdx (Latvian) * New translations map-controls.mdx (Danish) * New translations routing.mdx (Danish) * New translations scissors.mdx (Danish) * New translations map-controls.mdx (Latvian) * New translations routing.mdx (Latvian) * New translations scissors.mdx (Latvian) * Update source file getting-started.mdx * Update source file map-controls.mdx * Update source file routing.mdx * Update source file scissors.mdx * New translations getting-started.mdx (Romanian) * New translations getting-started.mdx (French) * New translations getting-started.mdx (Spanish) * New translations getting-started.mdx (Catalan) * New translations getting-started.mdx (Czech) * New translations getting-started.mdx (German) * New translations getting-started.mdx (Greek) * New translations getting-started.mdx (Hungarian) * New translations getting-started.mdx (Italian) * New translations getting-started.mdx (Lithuanian) * New translations getting-started.mdx (Dutch) * New translations getting-started.mdx (Norwegian) * New translations getting-started.mdx (Polish) * New translations getting-started.mdx (Portuguese) * New translations getting-started.mdx (Russian) * New translations getting-started.mdx (Swedish) * New translations getting-started.mdx (Chinese Simplified) * New translations getting-started.mdx (Vietnamese) * New translations getting-started.mdx (Portuguese, Brazilian) * New translations routing.mdx (Romanian) * New translations routing.mdx (French) * New translations routing.mdx (Spanish) * New translations routing.mdx (Catalan) * New translations routing.mdx (Czech) * New translations routing.mdx (German) * New translations routing.mdx (Greek) * New translations routing.mdx (Hungarian) * New translations routing.mdx (Italian) * New translations routing.mdx (Lithuanian) * New translations routing.mdx (Dutch) * New translations routing.mdx (Norwegian) * New translations routing.mdx (Polish) * New translations routing.mdx (Portuguese) * New translations routing.mdx (Russian) * New translations routing.mdx (Swedish) * New translations routing.mdx (Chinese Simplified) * New translations routing.mdx (Vietnamese) * New translations routing.mdx (Portuguese, Brazilian) * New translations scissors.mdx (Romanian) * New translations getting-started.mdx (Korean) * New translations scissors.mdx (French) * New translations scissors.mdx (Spanish) * New translations scissors.mdx (Catalan) * New translations scissors.mdx (Czech) * New translations scissors.mdx (German) * New translations scissors.mdx (Greek) * New translations scissors.mdx (Hungarian) * New translations scissors.mdx (Italian) * New translations scissors.mdx (Lithuanian) * New translations scissors.mdx (Dutch) * New translations scissors.mdx (Norwegian) * New translations scissors.mdx (Polish) * New translations scissors.mdx (Portuguese) * New translations scissors.mdx (Russian) * New translations scissors.mdx (Swedish) * New translations scissors.mdx (Chinese Simplified) * New translations scissors.mdx (Vietnamese) * New translations scissors.mdx (Portuguese, Brazilian) * New translations getting-started.mdx (Hebrew) * New translations routing.mdx (Korean) * New translations scissors.mdx (Korean) * New translations routing.mdx (Hebrew) * New translations scissors.mdx (Hebrew) * New translations getting-started.mdx (Finnish) * New translations routing.mdx (Finnish) * New translations scissors.mdx (Finnish) * New translations getting-started.mdx (Serbian (Latin)) * New translations getting-started.mdx (Belarusian) * New translations routing.mdx (Serbian (Latin)) * New translations scissors.mdx (Serbian (Latin)) * New translations routing.mdx (Belarusian) * New translations scissors.mdx (Belarusian) * New translations getting-started.mdx (Danish) * New translations getting-started.mdx (Latvian) * New translations routing.mdx (Danish) * New translations scissors.mdx (Danish) * New translations routing.mdx (Latvian) * New translations scissors.mdx (Latvian) * Update source file getting-started.mdx * Update source file routing.mdx * Update source file scissors.mdx * New translations getting-started.mdx (French) * New translations getting-started.mdx (Spanish) * New translations getting-started.mdx (German) * New translations getting-started.mdx (Dutch) * New translations getting-started.mdx (Russian) * New translations getting-started.mdx (Portuguese, Brazilian) * New translations map-controls.mdx (French) * New translations routing.mdx (French) * New translations routing.mdx (Spanish) * New translations routing.mdx (Czech) * New translations routing.mdx (Hungarian) * New translations routing.mdx (Dutch) * New translations routing.mdx (Russian) * New translations routing.mdx (Portuguese, Brazilian) * New translations scissors.mdx (Spanish) * New translations scissors.mdx (Italian) * New translations scissors.mdx (Portuguese, Brazilian)
This commit is contained in:
vcoppe
@@ -3,7 +3,6 @@ title: Getting started
|
|||||||
---
|
---
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -12,7 +11,7 @@ title: Getting started
|
|||||||
Welcome to the official guide for **gpx.studio**!
|
Welcome to the official guide for **gpx.studio**!
|
||||||
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
||||||
|
|
||||||
<DocsImage src={interfaceScreenshot} alt="The gpx.studio interface." />
|
<DocsImage src="getting-started/interface" alt="The gpx.studio interface." />
|
||||||
|
|
||||||
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
||||||
Before we dive into the details of each section, let's have a quick overview of the interface.
|
Before we dive into the details of each section, let's have a quick overview of the interface.
|
||||||
|
|||||||
@@ -10,6 +10,9 @@ title: Map controls
|
|||||||
|
|
||||||
# { title }
|
# { title }
|
||||||
|
|
||||||
|
The map controls are located on the right side of the interface.
|
||||||
|
These controls allow you to navigate the map, zoom in and out, and switch between different map styles.
|
||||||
|
|
||||||
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
||||||
|
|
||||||
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ title: Route planning and editing
|
|||||||
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
||||||
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
||||||
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
||||||
import routingScreenshot from '$lib/assets/img/docs/tools/routing.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -62,7 +61,7 @@ This allows the route to be edited at different levels of detail.
|
|||||||
|
|
||||||
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
||||||
|
|
||||||
<DocsImage src={routingScreenshot} alt="Anchor points allow you to easily edit a route." />
|
<DocsImage src="tools/routing" alt="Anchor points allow you to easily edit a route." />
|
||||||
|
|
||||||
## Additional tools
|
## Additional tools
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ title: Crop and split
|
|||||||
<script>
|
<script>
|
||||||
import { ScissorsIcon } from 'lucide-svelte';
|
import { ScissorsIcon } from 'lucide-svelte';
|
||||||
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
||||||
import splitScreenshot from '$lib/assets/img/docs/tools/split.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -30,4 +29,4 @@ Scissors will appear at the cursor position, showing that you can split the trac
|
|||||||
|
|
||||||
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
||||||
|
|
||||||
<DocsImage src={splitScreenshot} alt="Hovering over the selected trace turns your cursor into scissors." />
|
<DocsImage src="tools/split" alt="Hovering over the selected trace turns your cursor into scissors." />
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ title: Getting started
|
|||||||
---
|
---
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -12,7 +11,7 @@ title: Getting started
|
|||||||
Welcome to the official guide for **gpx.studio**!
|
Welcome to the official guide for **gpx.studio**!
|
||||||
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
||||||
|
|
||||||
<DocsImage src={interfaceScreenshot} alt="The gpx.studio interface." />
|
<DocsImage src="getting-started/interface" alt="The gpx.studio interface." />
|
||||||
|
|
||||||
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
||||||
Before we dive into the details of each section, let's have a quick overview of the interface.
|
Before we dive into the details of each section, let's have a quick overview of the interface.
|
||||||
|
|||||||
@@ -10,6 +10,9 @@ title: Map controls
|
|||||||
|
|
||||||
# { title }
|
# { title }
|
||||||
|
|
||||||
|
The map controls are located on the right side of the interface.
|
||||||
|
These controls allow you to navigate the map, zoom in and out, and switch between different map styles.
|
||||||
|
|
||||||
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
||||||
|
|
||||||
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ title: Route planning and editing
|
|||||||
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
||||||
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
||||||
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
||||||
import routingScreenshot from '$lib/assets/img/docs/tools/routing.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -62,7 +61,7 @@ This allows the route to be edited at different levels of detail.
|
|||||||
|
|
||||||
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
||||||
|
|
||||||
<DocsImage src={routingScreenshot} alt="Anchor points allow you to easily edit a route." />
|
<DocsImage src="tools/routing" alt="Anchor points allow you to easily edit a route." />
|
||||||
|
|
||||||
## Additional tools
|
## Additional tools
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ title: Crop and split
|
|||||||
<script>
|
<script>
|
||||||
import { ScissorsIcon } from 'lucide-svelte';
|
import { ScissorsIcon } from 'lucide-svelte';
|
||||||
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
||||||
import splitScreenshot from '$lib/assets/img/docs/tools/split.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -30,4 +29,4 @@ Scissors will appear at the cursor position, showing that you can split the trac
|
|||||||
|
|
||||||
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
||||||
|
|
||||||
<DocsImage src={splitScreenshot} alt="Hovering over the selected trace turns your cursor into scissors." />
|
<DocsImage src="tools/split" alt="Hovering over the selected trace turns your cursor into scissors." />
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ title: Getting started
|
|||||||
---
|
---
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -12,7 +11,7 @@ title: Getting started
|
|||||||
Welcome to the official guide for **gpx.studio**!
|
Welcome to the official guide for **gpx.studio**!
|
||||||
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
||||||
|
|
||||||
<DocsImage src={interfaceScreenshot} alt="The gpx.studio interface." />
|
<DocsImage src="getting-started/interface" alt="The gpx.studio interface." />
|
||||||
|
|
||||||
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
||||||
Before we dive into the details of each section, let's have a quick overview of the interface.
|
Before we dive into the details of each section, let's have a quick overview of the interface.
|
||||||
|
|||||||
@@ -10,6 +10,9 @@ title: Map controls
|
|||||||
|
|
||||||
# { title }
|
# { title }
|
||||||
|
|
||||||
|
The map controls are located on the right side of the interface.
|
||||||
|
These controls allow you to navigate the map, zoom in and out, and switch between different map styles.
|
||||||
|
|
||||||
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
||||||
|
|
||||||
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ title: Plánování a úpravy tras
|
|||||||
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
||||||
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
||||||
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
||||||
import routingScreenshot from '$lib/assets/img/docs/tools/routing.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -62,7 +61,7 @@ To umožňuje různě detailní úpravu tras.
|
|||||||
|
|
||||||
Kliknutím na kotevní bod a výběrem <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Odstranit</button> z kontextového menu můžete bod odstranit.
|
Kliknutím na kotevní bod a výběrem <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Odstranit</button> z kontextového menu můžete bod odstranit.
|
||||||
|
|
||||||
<DocsImage src={routingScreenshot} alt="Kotevní body vám umožní snadno upravit trasu." />
|
<DocsImage src="tools/routing" alt="Kotevní body vám umožní snadno upravit trasu." />
|
||||||
|
|
||||||
## Další nástroje
|
## Další nástroje
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ title: Crop and split
|
|||||||
<script>
|
<script>
|
||||||
import { ScissorsIcon } from 'lucide-svelte';
|
import { ScissorsIcon } from 'lucide-svelte';
|
||||||
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
||||||
import splitScreenshot from '$lib/assets/img/docs/tools/split.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -30,4 +29,4 @@ Scissors will appear at the cursor position, showing that you can split the trac
|
|||||||
|
|
||||||
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
||||||
|
|
||||||
<DocsImage src={splitScreenshot} alt="Hovering over the selected trace turns your cursor into scissors." />
|
<DocsImage src="tools/split" alt="Hovering over the selected trace turns your cursor into scissors." />
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ title: Getting started
|
|||||||
---
|
---
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -12,7 +11,7 @@ title: Getting started
|
|||||||
Welcome to the official guide for **gpx.studio**!
|
Welcome to the official guide for **gpx.studio**!
|
||||||
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
||||||
|
|
||||||
<DocsImage src={interfaceScreenshot} alt="The gpx.studio interface." />
|
<DocsImage src="getting-started/interface" alt="The gpx.studio interface." />
|
||||||
|
|
||||||
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
||||||
Before we dive into the details of each section, let's have a quick overview of the interface.
|
Before we dive into the details of each section, let's have a quick overview of the interface.
|
||||||
|
|||||||
@@ -10,6 +10,9 @@ title: Map controls
|
|||||||
|
|
||||||
# { title }
|
# { title }
|
||||||
|
|
||||||
|
The map controls are located on the right side of the interface.
|
||||||
|
These controls allow you to navigate the map, zoom in and out, and switch between different map styles.
|
||||||
|
|
||||||
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
||||||
|
|
||||||
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ title: Route planning and editing
|
|||||||
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
||||||
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
||||||
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
||||||
import routingScreenshot from '$lib/assets/img/docs/tools/routing.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -62,7 +61,7 @@ This allows the route to be edited at different levels of detail.
|
|||||||
|
|
||||||
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
||||||
|
|
||||||
<DocsImage src={routingScreenshot} alt="Anchor points allow you to easily edit a route." />
|
<DocsImage src="tools/routing" alt="Anchor points allow you to easily edit a route." />
|
||||||
|
|
||||||
## Additional tools
|
## Additional tools
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ title: Crop and split
|
|||||||
<script>
|
<script>
|
||||||
import { ScissorsIcon } from 'lucide-svelte';
|
import { ScissorsIcon } from 'lucide-svelte';
|
||||||
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
||||||
import splitScreenshot from '$lib/assets/img/docs/tools/split.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -30,4 +29,4 @@ Scissors will appear at the cursor position, showing that you can split the trac
|
|||||||
|
|
||||||
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
||||||
|
|
||||||
<DocsImage src={splitScreenshot} alt="Hovering over the selected trace turns your cursor into scissors." />
|
<DocsImage src="tools/split" alt="Hovering over the selected trace turns your cursor into scissors." />
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ title: Erste Schritte
|
|||||||
---
|
---
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -12,7 +11,7 @@ title: Erste Schritte
|
|||||||
Willkommen bei der offiziellen Anleitung für **gpx.studio**!
|
Willkommen bei der offiziellen Anleitung für **gpx.studio**!
|
||||||
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
||||||
|
|
||||||
<DocsImage src={interfaceScreenshot} alt="Die gpx.studio Oberfläche." />
|
<DocsImage src="getting-started/interface" alt="Die gpx.studio Oberfläche." />
|
||||||
|
|
||||||
Wie im obigen Screenshot dargestellt, ist die Oberfläche in vier Bereiche um die Karte herum aufgeteilt.
|
Wie im obigen Screenshot dargestellt, ist die Oberfläche in vier Bereiche um die Karte herum aufgeteilt.
|
||||||
Bevor wir in die Details der einzelnen Bereiche einsteigen, lassen Sie uns einen Überblick der Oberfläche verschaffen.
|
Bevor wir in die Details der einzelnen Bereiche einsteigen, lassen Sie uns einen Überblick der Oberfläche verschaffen.
|
||||||
|
|||||||
@@ -10,6 +10,9 @@ title: Kartensteuerungen
|
|||||||
|
|
||||||
# { title }
|
# { title }
|
||||||
|
|
||||||
|
The map controls are located on the right side of the interface.
|
||||||
|
These controls allow you to navigate the map, zoom in and out, and switch between different map styles.
|
||||||
|
|
||||||
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
||||||
|
|
||||||
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ title: Route planning and editing
|
|||||||
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
||||||
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
||||||
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
||||||
import routingScreenshot from '$lib/assets/img/docs/tools/routing.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -62,7 +61,7 @@ This allows the route to be edited at different levels of detail.
|
|||||||
|
|
||||||
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
||||||
|
|
||||||
<DocsImage src={routingScreenshot} alt="Anchor points allow you to easily edit a route." />
|
<DocsImage src="tools/routing" alt="Anchor points allow you to easily edit a route." />
|
||||||
|
|
||||||
## Additional tools
|
## Additional tools
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ title: Crop and split
|
|||||||
<script>
|
<script>
|
||||||
import { ScissorsIcon } from 'lucide-svelte';
|
import { ScissorsIcon } from 'lucide-svelte';
|
||||||
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
||||||
import splitScreenshot from '$lib/assets/img/docs/tools/split.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -30,4 +29,4 @@ Scissors will appear at the cursor position, showing that you can split the trac
|
|||||||
|
|
||||||
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
||||||
|
|
||||||
<DocsImage src={splitScreenshot} alt="Hovering over the selected trace turns your cursor into scissors." />
|
<DocsImage src="tools/split" alt="Hovering over the selected trace turns your cursor into scissors." />
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ title: Getting started
|
|||||||
---
|
---
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -12,7 +11,7 @@ title: Getting started
|
|||||||
Welcome to the official guide for **gpx.studio**!
|
Welcome to the official guide for **gpx.studio**!
|
||||||
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
||||||
|
|
||||||
<DocsImage src={interfaceScreenshot} alt="The gpx.studio interface." />
|
<DocsImage src="getting-started/interface" alt="The gpx.studio interface." />
|
||||||
|
|
||||||
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
||||||
Before we dive into the details of each section, let's have a quick overview of the interface.
|
Before we dive into the details of each section, let's have a quick overview of the interface.
|
||||||
|
|||||||
@@ -10,6 +10,9 @@ title: Map controls
|
|||||||
|
|
||||||
# { title }
|
# { title }
|
||||||
|
|
||||||
|
The map controls are located on the right side of the interface.
|
||||||
|
These controls allow you to navigate the map, zoom in and out, and switch between different map styles.
|
||||||
|
|
||||||
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
||||||
|
|
||||||
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ title: Route planning and editing
|
|||||||
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
||||||
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
||||||
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
||||||
import routingScreenshot from '$lib/assets/img/docs/tools/routing.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -62,7 +61,7 @@ This allows the route to be edited at different levels of detail.
|
|||||||
|
|
||||||
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
||||||
|
|
||||||
<DocsImage src={routingScreenshot} alt="Anchor points allow you to easily edit a route." />
|
<DocsImage src="tools/routing" alt="Anchor points allow you to easily edit a route." />
|
||||||
|
|
||||||
## Additional tools
|
## Additional tools
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ title: Crop and split
|
|||||||
<script>
|
<script>
|
||||||
import { ScissorsIcon } from 'lucide-svelte';
|
import { ScissorsIcon } from 'lucide-svelte';
|
||||||
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
||||||
import splitScreenshot from '$lib/assets/img/docs/tools/split.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -30,4 +29,4 @@ Scissors will appear at the cursor position, showing that you can split the trac
|
|||||||
|
|
||||||
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
||||||
|
|
||||||
<DocsImage src={splitScreenshot} alt="Hovering over the selected trace turns your cursor into scissors." />
|
<DocsImage src="tools/split" alt="Hovering over the selected trace turns your cursor into scissors." />
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ title: Primeros pasos
|
|||||||
---
|
---
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -12,7 +11,7 @@ title: Primeros pasos
|
|||||||
¡Bienvenido a la guía oficial de **gpx.studio**!
|
¡Bienvenido a la guía oficial de **gpx.studio**!
|
||||||
Esta guía le llevará a través de todos los componentes y herramientas de la interfaz, ayudándole a convertirse en un usuario competente de la aplicación.
|
Esta guía le llevará a través de todos los componentes y herramientas de la interfaz, ayudándole a convertirse en un usuario competente de la aplicación.
|
||||||
|
|
||||||
<DocsImage src={interfaceScreenshot} alt="La interfaz de gpx.studio." />
|
<DocsImage src="getting-started/interface" alt="La interfaz de gpx.studio." />
|
||||||
|
|
||||||
Como se muestra en la captura de pantalla anterior, la interfaz se divide en cuatro secciones principales organizadas alrededor del mapa.
|
Como se muestra en la captura de pantalla anterior, la interfaz se divide en cuatro secciones principales organizadas alrededor del mapa.
|
||||||
Antes de entrar en los detalles de cada sección, echemos un vistazo rápido a la interfaz.
|
Antes de entrar en los detalles de cada sección, echemos un vistazo rápido a la interfaz.
|
||||||
|
|||||||
@@ -10,6 +10,9 @@ title: Controles del mapa
|
|||||||
|
|
||||||
# { title }
|
# { title }
|
||||||
|
|
||||||
|
The map controls are located on the right side of the interface.
|
||||||
|
Estos controles le permiten navegar por el mapa, acercarse, alejarse y cambiar entre diferentes estilos de mapa.
|
||||||
|
|
||||||
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Navegación del mapa
|
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Navegación del mapa
|
||||||
|
|
||||||
Los controles de la parte superior le permiten acercarse <Plus size="16" class="inline-block" style="margin-bottom: 2px" />, alejarse <Minus size="16" class="inline-block" style="margin-bottom: 2px" /> y cambiar la orientación e inclinación del mapa <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
Los controles de la parte superior le permiten acercarse <Plus size="16" class="inline-block" style="margin-bottom: 2px" />, alejarse <Minus size="16" class="inline-block" style="margin-bottom: 2px" /> y cambiar la orientación e inclinación del mapa <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ title: Planificación y edición de rutas
|
|||||||
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
||||||
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
||||||
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
||||||
import routingScreenshot from '$lib/assets/img/docs/tools/routing.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -62,7 +61,7 @@ Esto permite que la ruta sea editada con diferentes niveles de detalle.
|
|||||||
|
|
||||||
Finalmente, puede eliminar puntos de ancla haciendo clic en ellos y seleccionando <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Eliminar</button> del menú contextual.
|
Finalmente, puede eliminar puntos de ancla haciendo clic en ellos y seleccionando <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Eliminar</button> del menú contextual.
|
||||||
|
|
||||||
<DocsImage src={routingScreenshot} alt="Los puntos de anclaje le permiten editar una ruta fácilmente." />
|
<DocsImage src="tools/routing" alt="Los puntos de anclaje le permiten editar una ruta fácilmente." />
|
||||||
|
|
||||||
## Herramientas adicionales
|
## Herramientas adicionales
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ title: Recortar y dividir
|
|||||||
<script>
|
<script>
|
||||||
import { ScissorsIcon } from 'lucide-svelte';
|
import { ScissorsIcon } from 'lucide-svelte';
|
||||||
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
||||||
import splitScreenshot from '$lib/assets/img/docs/tools/split.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -30,4 +29,4 @@ Las tijeras aparecerán en la posición del cursor, mostrando que puede dividir
|
|||||||
|
|
||||||
Puede elegir dividir el trazado en dos archivos GPX o mantener las partes divididas en el mismo archivo como [pistas o segmentos](../gpx).
|
Puede elegir dividir el trazado en dos archivos GPX o mantener las partes divididas en el mismo archivo como [pistas o segmentos](../gpx).
|
||||||
|
|
||||||
<DocsImage src={splitScreenshot} alt="Situar el cursor sobre el trazado seleccionado lo convierte en tijeras." />
|
<DocsImage src="tools/split" alt="Situar el cursor sobre el trazado seleccionado lo convierte en tijeras." />
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ title: Getting started
|
|||||||
---
|
---
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -12,7 +11,7 @@ title: Getting started
|
|||||||
Welcome to the official guide for **gpx.studio**!
|
Welcome to the official guide for **gpx.studio**!
|
||||||
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
||||||
|
|
||||||
<DocsImage src={interfaceScreenshot} alt="The gpx.studio interface." />
|
<DocsImage src="getting-started/interface" alt="The gpx.studio interface." />
|
||||||
|
|
||||||
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
||||||
Before we dive into the details of each section, let's have a quick overview of the interface.
|
Before we dive into the details of each section, let's have a quick overview of the interface.
|
||||||
|
|||||||
@@ -10,6 +10,9 @@ title: Map controls
|
|||||||
|
|
||||||
# { title }
|
# { title }
|
||||||
|
|
||||||
|
The map controls are located on the right side of the interface.
|
||||||
|
These controls allow you to navigate the map, zoom in and out, and switch between different map styles.
|
||||||
|
|
||||||
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
||||||
|
|
||||||
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ title: Route planning and editing
|
|||||||
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
||||||
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
||||||
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
||||||
import routingScreenshot from '$lib/assets/img/docs/tools/routing.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -62,7 +61,7 @@ This allows the route to be edited at different levels of detail.
|
|||||||
|
|
||||||
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
||||||
|
|
||||||
<DocsImage src={routingScreenshot} alt="Anchor points allow you to easily edit a route." />
|
<DocsImage src="tools/routing" alt="Anchor points allow you to easily edit a route." />
|
||||||
|
|
||||||
## Additional tools
|
## Additional tools
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ title: Crop and split
|
|||||||
<script>
|
<script>
|
||||||
import { ScissorsIcon } from 'lucide-svelte';
|
import { ScissorsIcon } from 'lucide-svelte';
|
||||||
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
||||||
import splitScreenshot from '$lib/assets/img/docs/tools/split.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -30,4 +29,4 @@ Scissors will appear at the cursor position, showing that you can split the trac
|
|||||||
|
|
||||||
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
||||||
|
|
||||||
<DocsImage src={splitScreenshot} alt="Hovering over the selected trace turns your cursor into scissors." />
|
<DocsImage src="tools/split" alt="Hovering over the selected trace turns your cursor into scissors." />
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ title: Premiers pas
|
|||||||
---
|
---
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -12,7 +11,7 @@ title: Premiers pas
|
|||||||
Bienvenue dans le guide officiel de **gpx.studio**!
|
Bienvenue dans le guide officiel de **gpx.studio**!
|
||||||
Ce guide présente pas-à-pas tous les composants et outils de l’interface, et vous aidera à devenir un utilisateur chevronné de l’application.
|
Ce guide présente pas-à-pas tous les composants et outils de l’interface, et vous aidera à devenir un utilisateur chevronné de l’application.
|
||||||
|
|
||||||
<DocsImage src={interfaceScreenshot} alt="L'interface de gpx.studio." />
|
<DocsImage src="getting-started/interface" alt="L'interface de gpx.studio." />
|
||||||
|
|
||||||
Comme le montre la capture d'écran ci-dessus, l'interface est divisée en quatre sections principales organisées autour de la carte.
|
Comme le montre la capture d'écran ci-dessus, l'interface est divisée en quatre sections principales organisées autour de la carte.
|
||||||
Avant de plonger dans les détails de chaque section, voici ci-dessous un aperçu rapide de l'interface.
|
Avant de plonger dans les détails de chaque section, voici ci-dessous un aperçu rapide de l'interface.
|
||||||
|
|||||||
@@ -10,6 +10,9 @@ title: Commandes de la carte
|
|||||||
|
|
||||||
# { title }
|
# { title }
|
||||||
|
|
||||||
|
Les commandes de la carte se situent sur le côté droit de l'interface.
|
||||||
|
Ces commandes vous permettent de naviguer sur la carte, de zoomer et de dézoomer et de basculer entre différents styles de carte.
|
||||||
|
|
||||||
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Navigation de la carte
|
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Navigation de la carte
|
||||||
|
|
||||||
Les commandes en haut vous permettent de zoomer <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> et dézoomer <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, et de changer l'orientation et l'inclinaison de la carte <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
Les commandes en haut vous permettent de zoomer <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> et dézoomer <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, et de changer l'orientation et l'inclinaison de la carte <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ title: Planification et édition d'itinéraires
|
|||||||
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
||||||
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
||||||
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
||||||
import routingScreenshot from '$lib/assets/img/docs/tools/routing.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -62,7 +61,7 @@ Cela permet d'éditer l'itinéraire à différents niveaux de détail.
|
|||||||
|
|
||||||
Enfin, vous pouvez supprimer les points d'ancrage en cliquant dessus et en sélectionnant <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Supprimer</button> dans le menu contextuel.
|
Enfin, vous pouvez supprimer les points d'ancrage en cliquant dessus et en sélectionnant <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Supprimer</button> dans le menu contextuel.
|
||||||
|
|
||||||
<DocsImage src={routingScreenshot} alt="Les points d'ancrage permettent de modifier facilement un itinéraire." />
|
<DocsImage src="tools/routing" alt="Les points d'ancrage permettent de modifier facilement un itinéraire." />
|
||||||
|
|
||||||
## Outils supplémentaires
|
## Outils supplémentaires
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ title: Rogner et diviser
|
|||||||
<script>
|
<script>
|
||||||
import { ScissorsIcon } from 'lucide-svelte';
|
import { ScissorsIcon } from 'lucide-svelte';
|
||||||
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
||||||
import splitScreenshot from '$lib/assets/img/docs/tools/split.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -30,4 +29,4 @@ Des ciseaux apparaîtront à la position du curseur, montrant que vous pouvez di
|
|||||||
|
|
||||||
Vous pouvez choisir de diviser la trace en deux fichiers GPX, ou de créer une [piste ou un segment](../gpx) pour chaque partie dans le même fichier.
|
Vous pouvez choisir de diviser la trace en deux fichiers GPX, ou de créer une [piste ou un segment](../gpx) pour chaque partie dans le même fichier.
|
||||||
|
|
||||||
<DocsImage src={splitScreenshot} alt="Survoler la trace sélectionnée transforme votre curseur en ciseaux." />
|
<DocsImage src="tools/split" alt="Survoler la trace sélectionnée transforme votre curseur en ciseaux." />
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ title: Getting started
|
|||||||
---
|
---
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -12,7 +11,7 @@ title: Getting started
|
|||||||
Welcome to the official guide for **gpx.studio**!
|
Welcome to the official guide for **gpx.studio**!
|
||||||
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
||||||
|
|
||||||
<DocsImage src={interfaceScreenshot} alt="The gpx.studio interface." />
|
<DocsImage src="getting-started/interface" alt="The gpx.studio interface." />
|
||||||
|
|
||||||
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
||||||
Before we dive into the details of each section, let's have a quick overview of the interface.
|
Before we dive into the details of each section, let's have a quick overview of the interface.
|
||||||
|
|||||||
@@ -10,6 +10,9 @@ title: Map controls
|
|||||||
|
|
||||||
# { title }
|
# { title }
|
||||||
|
|
||||||
|
The map controls are located on the right side of the interface.
|
||||||
|
These controls allow you to navigate the map, zoom in and out, and switch between different map styles.
|
||||||
|
|
||||||
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
||||||
|
|
||||||
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ title: Route planning and editing
|
|||||||
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
||||||
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
||||||
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
||||||
import routingScreenshot from '$lib/assets/img/docs/tools/routing.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -62,7 +61,7 @@ This allows the route to be edited at different levels of detail.
|
|||||||
|
|
||||||
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
||||||
|
|
||||||
<DocsImage src={routingScreenshot} alt="Anchor points allow you to easily edit a route." />
|
<DocsImage src="tools/routing" alt="Anchor points allow you to easily edit a route." />
|
||||||
|
|
||||||
## Additional tools
|
## Additional tools
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ title: Crop and split
|
|||||||
<script>
|
<script>
|
||||||
import { ScissorsIcon } from 'lucide-svelte';
|
import { ScissorsIcon } from 'lucide-svelte';
|
||||||
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
||||||
import splitScreenshot from '$lib/assets/img/docs/tools/split.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -30,4 +29,4 @@ Scissors will appear at the cursor position, showing that you can split the trac
|
|||||||
|
|
||||||
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
||||||
|
|
||||||
<DocsImage src={splitScreenshot} alt="Hovering over the selected trace turns your cursor into scissors." />
|
<DocsImage src="tools/split" alt="Hovering over the selected trace turns your cursor into scissors." />
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ title: Getting started
|
|||||||
---
|
---
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -12,7 +11,7 @@ title: Getting started
|
|||||||
Welcome to the official guide for **gpx.studio**!
|
Welcome to the official guide for **gpx.studio**!
|
||||||
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
||||||
|
|
||||||
<DocsImage src={interfaceScreenshot} alt="The gpx.studio interface." />
|
<DocsImage src="getting-started/interface" alt="The gpx.studio interface." />
|
||||||
|
|
||||||
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
||||||
Before we dive into the details of each section, let's have a quick overview of the interface.
|
Before we dive into the details of each section, let's have a quick overview of the interface.
|
||||||
|
|||||||
@@ -10,6 +10,9 @@ title: Map controls
|
|||||||
|
|
||||||
# { title }
|
# { title }
|
||||||
|
|
||||||
|
The map controls are located on the right side of the interface.
|
||||||
|
These controls allow you to navigate the map, zoom in and out, and switch between different map styles.
|
||||||
|
|
||||||
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
||||||
|
|
||||||
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ title: Útvonal tervezés és szerkesztés
|
|||||||
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
||||||
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
||||||
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
||||||
import routingScreenshot from '$lib/assets/img/docs/tools/routing.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -62,7 +61,7 @@ Ez lehetővé teszi az útvonal különböző részletezésű szerkesztését.
|
|||||||
|
|
||||||
Végül törölheti a rögzítési pontokat, ha rájuk kattint, és a helyi menü <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Törlés</button> parancsát választja.
|
Végül törölheti a rögzítési pontokat, ha rájuk kattint, és a helyi menü <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Törlés</button> parancsát választja.
|
||||||
|
|
||||||
<DocsImage src={routingScreenshot} alt="A rögzítési pontok lehetővé teszik az útvonal egyszerű szerkesztését." />
|
<DocsImage src="tools/routing" alt="A rögzítési pontok lehetővé teszik az útvonal egyszerű szerkesztését." />
|
||||||
|
|
||||||
## További eszközök
|
## További eszközök
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ title: Crop and split
|
|||||||
<script>
|
<script>
|
||||||
import { ScissorsIcon } from 'lucide-svelte';
|
import { ScissorsIcon } from 'lucide-svelte';
|
||||||
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
||||||
import splitScreenshot from '$lib/assets/img/docs/tools/split.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -30,4 +29,4 @@ Scissors will appear at the cursor position, showing that you can split the trac
|
|||||||
|
|
||||||
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
||||||
|
|
||||||
<DocsImage src={splitScreenshot} alt="Hovering over the selected trace turns your cursor into scissors." />
|
<DocsImage src="tools/split" alt="Hovering over the selected trace turns your cursor into scissors." />
|
||||||
|
|||||||
@@ -23,9 +23,9 @@ When using a mouse, you need to hold <kbd>Shift</kbd> to scroll horizontally.
|
|||||||
|
|
||||||
### Selezione del file
|
### Selezione del file
|
||||||
|
|
||||||
By clicking on a tab, you can switch between the files to inspect their statistics, and apply [edit actions](./menu/edit) and [tools](./toolbar) to them.
|
Facendo clic su una scheda, è possibile passare tra i file per ispezionare le loro statistiche, e applicare [modifiche](./menu/edit) e [strumenti](./toolbar) a loro.
|
||||||
By holding the <kbd>Ctrl/Cmd</kbd> key, you can add files to the selection or remove them, and by holding <kbd>Shift</kbd>, you can select a range of files.
|
By holding the <kbd>Ctrl/Cmd</kbd> key, you can add files to the selection or remove them, and by holding <kbd>Shift</kbd>, you can select a range of files.
|
||||||
Most of the [edit actions](./menu/edit) and [tools](./toolbar) can be applied to multiple files at once.
|
La maggior parte delle [azioni di modifica](./menu/edit) e [strumenti](./toolbar) possono essere applicate a più file contemporaneamente.
|
||||||
|
|
||||||
<DocsNote>
|
<DocsNote>
|
||||||
|
|
||||||
@@ -43,7 +43,7 @@ As mentioned in the [view options section](./menu/view), you can switch between
|
|||||||
L'elenco di file verticali è utile quando si hanno molti file aperti, o file con più tracce, segmenti o punti di interesse (./gpx).
|
L'elenco di file verticali è utile quando si hanno molti file aperti, o file con più tracce, segmenti o punti di interesse (./gpx).
|
||||||
Indeed, this layout allows you to inspect the content of the files through collapsible sections.
|
Indeed, this layout allows you to inspect the content of the files through collapsible sections.
|
||||||
|
|
||||||
You can also apply [edit actions](./menu/edit) and [tools](./toolbar) to internal file items.
|
Puoi anche applicare [modifiche](./menu/edit) e [strumenti](./toolbar) agli elementi interni del file.
|
||||||
Furthermore, you can drag and drop the inner items to reorder them, or move them in the hierarchy or even to another file.
|
Furthermore, you can drag and drop the inner items to reorder them, or move them in the hierarchy or even to another file.
|
||||||
|
|
||||||
<DocsNote>
|
<DocsNote>
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ title: Come iniziare
|
|||||||
---
|
---
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -12,7 +11,7 @@ title: Come iniziare
|
|||||||
Benvenuto nella guida ufficiale per **gpx.studio**!
|
Benvenuto nella guida ufficiale per **gpx.studio**!
|
||||||
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
||||||
|
|
||||||
<DocsImage src={interfaceScreenshot} alt="The gpx.studio interface." />
|
<DocsImage src="getting-started/interface" alt="The gpx.studio interface." />
|
||||||
|
|
||||||
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
||||||
Before we dive into the details of each section, let's have a quick overview of the interface.
|
Before we dive into the details of each section, let's have a quick overview of the interface.
|
||||||
|
|||||||
@@ -10,6 +10,9 @@ title: Controlli Mappa
|
|||||||
|
|
||||||
# { title }
|
# { title }
|
||||||
|
|
||||||
|
The map controls are located on the right side of the interface.
|
||||||
|
Questi controlli ti consentono di navigare sulla mappa, ingrandire e rimpicciolire e passare da uno stile di mappa all'altro.
|
||||||
|
|
||||||
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
||||||
|
|
||||||
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
||||||
|
|||||||
@@ -19,6 +19,6 @@ This tool allows you to add elevation data to traces and [points of interest](..
|
|||||||
<DocsNote>
|
<DocsNote>
|
||||||
|
|
||||||
Elevation data is provided by <a href="https://mapbox.com" target="_blank">Mapbox</a>.
|
Elevation data is provided by <a href="https://mapbox.com" target="_blank">Mapbox</a>.
|
||||||
Puoi saperne di più sulla sua origine e accuratezza nella documentazione <a href="https://docs.mapbox.com/data/tilesets/reference/mapbox-terrain-dem-v1/#elevation-data" target="_blank"></a>.
|
Puoi saperne di più sulla sua origine e accuratezza nella <a href="https://docs.mapbox.com/data/tilesets/reference/mapbox-terrain-dem-v1/#elevation-data" target="_blank">documentazione</a>.
|
||||||
|
|
||||||
</DocsNote>
|
</DocsNote>
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ title: Pianificazione e modifica del percorso
|
|||||||
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
||||||
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
||||||
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
||||||
import routingScreenshot from '$lib/assets/img/docs/tools/routing.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -62,7 +61,7 @@ This allows the route to be edited at different levels of detail.
|
|||||||
|
|
||||||
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
||||||
|
|
||||||
<DocsImage src={routingScreenshot} alt="Anchor points allow you to easily edit a route." />
|
<DocsImage src="tools/routing" alt="Anchor points allow you to easily edit a route." />
|
||||||
|
|
||||||
## Additional tools
|
## Additional tools
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ title: Ritaglia e dividi
|
|||||||
<script>
|
<script>
|
||||||
import { ScissorsIcon } from 'lucide-svelte';
|
import { ScissorsIcon } from 'lucide-svelte';
|
||||||
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
||||||
import splitScreenshot from '$lib/assets/img/docs/tools/split.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -30,4 +29,4 @@ Le forbici appariranno nella posizione del cursore, mostrando che è possibile d
|
|||||||
|
|
||||||
Puoi scegliere di dividere la traccia in due file GPX, o di mantenere le parti divise nello stesso file di [tracce o segmenti](../gpx).
|
Puoi scegliere di dividere la traccia in due file GPX, o di mantenere le parti divise nello stesso file di [tracce o segmenti](../gpx).
|
||||||
|
|
||||||
<DocsImage src={splitScreenshot} alt="Passare sopra la traccia selezionata trasforma il cursore in forbici." />
|
<DocsImage src="tools/split" alt="Passare sopra la traccia selezionata trasforma il cursore in forbici." />
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ title: Getting started
|
|||||||
---
|
---
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -12,7 +11,7 @@ title: Getting started
|
|||||||
Welcome to the official guide for **gpx.studio**!
|
Welcome to the official guide for **gpx.studio**!
|
||||||
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
||||||
|
|
||||||
<DocsImage src={interfaceScreenshot} alt="The gpx.studio interface." />
|
<DocsImage src="getting-started/interface" alt="The gpx.studio interface." />
|
||||||
|
|
||||||
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
||||||
Before we dive into the details of each section, let's have a quick overview of the interface.
|
Before we dive into the details of each section, let's have a quick overview of the interface.
|
||||||
|
|||||||
@@ -10,6 +10,9 @@ title: Map controls
|
|||||||
|
|
||||||
# { title }
|
# { title }
|
||||||
|
|
||||||
|
The map controls are located on the right side of the interface.
|
||||||
|
These controls allow you to navigate the map, zoom in and out, and switch between different map styles.
|
||||||
|
|
||||||
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
||||||
|
|
||||||
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ title: Route planning and editing
|
|||||||
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
||||||
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
||||||
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
||||||
import routingScreenshot from '$lib/assets/img/docs/tools/routing.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -62,7 +61,7 @@ This allows the route to be edited at different levels of detail.
|
|||||||
|
|
||||||
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
||||||
|
|
||||||
<DocsImage src={routingScreenshot} alt="Anchor points allow you to easily edit a route." />
|
<DocsImage src="tools/routing" alt="Anchor points allow you to easily edit a route." />
|
||||||
|
|
||||||
## Additional tools
|
## Additional tools
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ title: Crop and split
|
|||||||
<script>
|
<script>
|
||||||
import { ScissorsIcon } from 'lucide-svelte';
|
import { ScissorsIcon } from 'lucide-svelte';
|
||||||
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
||||||
import splitScreenshot from '$lib/assets/img/docs/tools/split.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -30,4 +29,4 @@ Scissors will appear at the cursor position, showing that you can split the trac
|
|||||||
|
|
||||||
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
||||||
|
|
||||||
<DocsImage src={splitScreenshot} alt="Hovering over the selected trace turns your cursor into scissors." />
|
<DocsImage src="tools/split" alt="Hovering over the selected trace turns your cursor into scissors." />
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ title: Getting started
|
|||||||
---
|
---
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -12,7 +11,7 @@ title: Getting started
|
|||||||
Welcome to the official guide for **gpx.studio**!
|
Welcome to the official guide for **gpx.studio**!
|
||||||
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
||||||
|
|
||||||
<DocsImage src={interfaceScreenshot} alt="The gpx.studio interface." />
|
<DocsImage src="getting-started/interface" alt="The gpx.studio interface." />
|
||||||
|
|
||||||
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
||||||
Before we dive into the details of each section, let's have a quick overview of the interface.
|
Before we dive into the details of each section, let's have a quick overview of the interface.
|
||||||
|
|||||||
@@ -10,6 +10,9 @@ title: Map controls
|
|||||||
|
|
||||||
# { title }
|
# { title }
|
||||||
|
|
||||||
|
The map controls are located on the right side of the interface.
|
||||||
|
These controls allow you to navigate the map, zoom in and out, and switch between different map styles.
|
||||||
|
|
||||||
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
||||||
|
|
||||||
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ title: Route planning and editing
|
|||||||
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
||||||
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
||||||
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
||||||
import routingScreenshot from '$lib/assets/img/docs/tools/routing.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -62,7 +61,7 @@ This allows the route to be edited at different levels of detail.
|
|||||||
|
|
||||||
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
||||||
|
|
||||||
<DocsImage src={routingScreenshot} alt="Anchor points allow you to easily edit a route." />
|
<DocsImage src="tools/routing" alt="Anchor points allow you to easily edit a route." />
|
||||||
|
|
||||||
## Additional tools
|
## Additional tools
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ title: Crop and split
|
|||||||
<script>
|
<script>
|
||||||
import { ScissorsIcon } from 'lucide-svelte';
|
import { ScissorsIcon } from 'lucide-svelte';
|
||||||
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
||||||
import splitScreenshot from '$lib/assets/img/docs/tools/split.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -30,4 +29,4 @@ Scissors will appear at the cursor position, showing that you can split the trac
|
|||||||
|
|
||||||
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
||||||
|
|
||||||
<DocsImage src={splitScreenshot} alt="Hovering over the selected trace turns your cursor into scissors." />
|
<DocsImage src="tools/split" alt="Hovering over the selected trace turns your cursor into scissors." />
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ title: Getting started
|
|||||||
---
|
---
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -12,7 +11,7 @@ title: Getting started
|
|||||||
Welcome to the official guide for **gpx.studio**!
|
Welcome to the official guide for **gpx.studio**!
|
||||||
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
||||||
|
|
||||||
<DocsImage src={interfaceScreenshot} alt="The gpx.studio interface." />
|
<DocsImage src="getting-started/interface" alt="The gpx.studio interface." />
|
||||||
|
|
||||||
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
||||||
Before we dive into the details of each section, let's have a quick overview of the interface.
|
Before we dive into the details of each section, let's have a quick overview of the interface.
|
||||||
|
|||||||
@@ -10,6 +10,9 @@ title: Map controls
|
|||||||
|
|
||||||
# { title }
|
# { title }
|
||||||
|
|
||||||
|
The map controls are located on the right side of the interface.
|
||||||
|
These controls allow you to navigate the map, zoom in and out, and switch between different map styles.
|
||||||
|
|
||||||
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
||||||
|
|
||||||
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ title: Route planning and editing
|
|||||||
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
||||||
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
||||||
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
||||||
import routingScreenshot from '$lib/assets/img/docs/tools/routing.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -62,7 +61,7 @@ This allows the route to be edited at different levels of detail.
|
|||||||
|
|
||||||
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
||||||
|
|
||||||
<DocsImage src={routingScreenshot} alt="Anchor points allow you to easily edit a route." />
|
<DocsImage src="tools/routing" alt="Anchor points allow you to easily edit a route." />
|
||||||
|
|
||||||
## Additional tools
|
## Additional tools
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ title: Crop and split
|
|||||||
<script>
|
<script>
|
||||||
import { ScissorsIcon } from 'lucide-svelte';
|
import { ScissorsIcon } from 'lucide-svelte';
|
||||||
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
||||||
import splitScreenshot from '$lib/assets/img/docs/tools/split.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -30,4 +29,4 @@ Scissors will appear at the cursor position, showing that you can split the trac
|
|||||||
|
|
||||||
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
||||||
|
|
||||||
<DocsImage src={splitScreenshot} alt="Hovering over the selected trace turns your cursor into scissors." />
|
<DocsImage src="tools/split" alt="Hovering over the selected trace turns your cursor into scissors." />
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ title: Aan de slag
|
|||||||
---
|
---
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -12,7 +11,7 @@ title: Aan de slag
|
|||||||
Welkom bij de officiële handleiding voor **gpx.studio**!
|
Welkom bij de officiële handleiding voor **gpx.studio**!
|
||||||
Deze handleiding zal je door alle componenten en gereedschappen van de interface begeleiden en je helpen een deskundige gebruiker van de applicatie te worden.
|
Deze handleiding zal je door alle componenten en gereedschappen van de interface begeleiden en je helpen een deskundige gebruiker van de applicatie te worden.
|
||||||
|
|
||||||
<DocsImage src={interfaceScreenshot} alt="De gpx.studio interface." />
|
<DocsImage src="getting-started/interface" alt="De gpx.studio interface." />
|
||||||
|
|
||||||
Zoals weergegeven in bovenstaande scherm, is de interface verdeeld in vier hoofddelen rond de kaart.
|
Zoals weergegeven in bovenstaande scherm, is de interface verdeeld in vier hoofddelen rond de kaart.
|
||||||
Voordat we in de details van elke sectie duiken, hebben we een snel overzicht van de interface.
|
Voordat we in de details van elke sectie duiken, hebben we een snel overzicht van de interface.
|
||||||
|
|||||||
@@ -10,6 +10,9 @@ title: Kaart beheer
|
|||||||
|
|
||||||
# { title }
|
# { title }
|
||||||
|
|
||||||
|
The map controls are located on the right side of the interface.
|
||||||
|
Met deze controles kunt u de kaart, in- en uitzoomen en schakelen tussen verschillende kaartstijlen.
|
||||||
|
|
||||||
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Kaartnavigatie
|
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Kaartnavigatie
|
||||||
|
|
||||||
Met de besturingselementen bovenaan kunt u inzoomen <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> en uitzoomen <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, en de oriëntatie en kanteling van de kaart <Compass size="16" class="inline-block" style="margin-bottom: 2px" /> wijzigen.
|
Met de besturingselementen bovenaan kunt u inzoomen <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> en uitzoomen <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, en de oriëntatie en kanteling van de kaart <Compass size="16" class="inline-block" style="margin-bottom: 2px" /> wijzigen.
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ title: Routeplanning en -bewerking
|
|||||||
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
||||||
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
||||||
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
||||||
import routingScreenshot from '$lib/assets/img/docs/tools/routing.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -62,7 +61,7 @@ Hierdoor kan de route op verschillende detailniveaus worden bewerkt.
|
|||||||
|
|
||||||
Tot slot kun je ankerpunten verwijderen door erop te klikken en <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> te selecteren in het contextmenu.
|
Tot slot kun je ankerpunten verwijderen door erop te klikken en <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> te selecteren in het contextmenu.
|
||||||
|
|
||||||
<DocsImage src={routingScreenshot} alt="Ankerpunten maken het makkelijk om een route te bewerken." />
|
<DocsImage src="tools/routing" alt="Ankerpunten maken het makkelijk om een route te bewerken." />
|
||||||
|
|
||||||
## Extra gereedschappen
|
## Extra gereedschappen
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ title: Bijsnijden of splitsen
|
|||||||
<script>
|
<script>
|
||||||
import { ScissorsIcon } from 'lucide-svelte';
|
import { ScissorsIcon } from 'lucide-svelte';
|
||||||
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
||||||
import splitScreenshot from '$lib/assets/img/docs/tools/split.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -30,4 +29,4 @@ Schaar verschijnt op de cursorpositie, en toont dat je het spoor kunt splitsen o
|
|||||||
|
|
||||||
Je kunt kiezen om de track te splitsen in twee GPX-bestanden, of om de delen in hetzelfde bestand te houden als [nummers of segmenten](../gpx).
|
Je kunt kiezen om de track te splitsen in twee GPX-bestanden, of om de delen in hetzelfde bestand te houden als [nummers of segmenten](../gpx).
|
||||||
|
|
||||||
<DocsImage src={splitScreenshot} alt="Over het geselecteerde spoor zweven verandert je cursor in een schaar." />
|
<DocsImage src="tools/split" alt="Over het geselecteerde spoor zweven verandert je cursor in een schaar." />
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ title: Getting started
|
|||||||
---
|
---
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -12,7 +11,7 @@ title: Getting started
|
|||||||
Welcome to the official guide for **gpx.studio**!
|
Welcome to the official guide for **gpx.studio**!
|
||||||
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
||||||
|
|
||||||
<DocsImage src={interfaceScreenshot} alt="The gpx.studio interface." />
|
<DocsImage src="getting-started/interface" alt="The gpx.studio interface." />
|
||||||
|
|
||||||
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
||||||
Before we dive into the details of each section, let's have a quick overview of the interface.
|
Before we dive into the details of each section, let's have a quick overview of the interface.
|
||||||
|
|||||||
@@ -10,6 +10,9 @@ title: Map controls
|
|||||||
|
|
||||||
# { title }
|
# { title }
|
||||||
|
|
||||||
|
The map controls are located on the right side of the interface.
|
||||||
|
These controls allow you to navigate the map, zoom in and out, and switch between different map styles.
|
||||||
|
|
||||||
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
||||||
|
|
||||||
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ title: Route planning and editing
|
|||||||
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
||||||
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
||||||
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
||||||
import routingScreenshot from '$lib/assets/img/docs/tools/routing.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -62,7 +61,7 @@ This allows the route to be edited at different levels of detail.
|
|||||||
|
|
||||||
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
||||||
|
|
||||||
<DocsImage src={routingScreenshot} alt="Anchor points allow you to easily edit a route." />
|
<DocsImage src="tools/routing" alt="Anchor points allow you to easily edit a route." />
|
||||||
|
|
||||||
## Additional tools
|
## Additional tools
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ title: Crop and split
|
|||||||
<script>
|
<script>
|
||||||
import { ScissorsIcon } from 'lucide-svelte';
|
import { ScissorsIcon } from 'lucide-svelte';
|
||||||
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
||||||
import splitScreenshot from '$lib/assets/img/docs/tools/split.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -30,4 +29,4 @@ Scissors will appear at the cursor position, showing that you can split the trac
|
|||||||
|
|
||||||
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
||||||
|
|
||||||
<DocsImage src={splitScreenshot} alt="Hovering over the selected trace turns your cursor into scissors." />
|
<DocsImage src="tools/split" alt="Hovering over the selected trace turns your cursor into scissors." />
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ title: Getting started
|
|||||||
---
|
---
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -12,7 +11,7 @@ title: Getting started
|
|||||||
Welcome to the official guide for **gpx.studio**!
|
Welcome to the official guide for **gpx.studio**!
|
||||||
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
||||||
|
|
||||||
<DocsImage src={interfaceScreenshot} alt="The gpx.studio interface." />
|
<DocsImage src="getting-started/interface" alt="The gpx.studio interface." />
|
||||||
|
|
||||||
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
||||||
Before we dive into the details of each section, let's have a quick overview of the interface.
|
Before we dive into the details of each section, let's have a quick overview of the interface.
|
||||||
|
|||||||
@@ -10,6 +10,9 @@ title: Map controls
|
|||||||
|
|
||||||
# { title }
|
# { title }
|
||||||
|
|
||||||
|
The map controls are located on the right side of the interface.
|
||||||
|
These controls allow you to navigate the map, zoom in and out, and switch between different map styles.
|
||||||
|
|
||||||
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
||||||
|
|
||||||
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ title: Route planning and editing
|
|||||||
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
||||||
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
||||||
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
||||||
import routingScreenshot from '$lib/assets/img/docs/tools/routing.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -62,7 +61,7 @@ This allows the route to be edited at different levels of detail.
|
|||||||
|
|
||||||
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
||||||
|
|
||||||
<DocsImage src={routingScreenshot} alt="Anchor points allow you to easily edit a route." />
|
<DocsImage src="tools/routing" alt="Anchor points allow you to easily edit a route." />
|
||||||
|
|
||||||
## Additional tools
|
## Additional tools
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ title: Crop and split
|
|||||||
<script>
|
<script>
|
||||||
import { ScissorsIcon } from 'lucide-svelte';
|
import { ScissorsIcon } from 'lucide-svelte';
|
||||||
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
||||||
import splitScreenshot from '$lib/assets/img/docs/tools/split.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -30,4 +29,4 @@ Scissors will appear at the cursor position, showing that you can split the trac
|
|||||||
|
|
||||||
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
||||||
|
|
||||||
<DocsImage src={splitScreenshot} alt="Hovering over the selected trace turns your cursor into scissors." />
|
<DocsImage src="tools/split" alt="Hovering over the selected trace turns your cursor into scissors." />
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ title: Primeiros passos
|
|||||||
---
|
---
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -12,7 +11,7 @@ title: Primeiros passos
|
|||||||
Bem-vindo ao guia oficial do **gpx.studio**!
|
Bem-vindo ao guia oficial do **gpx.studio**!
|
||||||
Este guia irá guiá-lo por todos os componentes e ferramentas da interface, ajudando você a se tornar um usuário proficiente da aplicação.
|
Este guia irá guiá-lo por todos os componentes e ferramentas da interface, ajudando você a se tornar um usuário proficiente da aplicação.
|
||||||
|
|
||||||
<DocsImage src={interfaceScreenshot} alt="Interface do gpx.studio." />
|
<DocsImage src="getting-started/interface" alt="Interface do gpx.studio." />
|
||||||
|
|
||||||
Como mostrado na captura de tela acima, a interface é dividida em quatro seções principais organizadas ao redor do mapa.
|
Como mostrado na captura de tela acima, a interface é dividida em quatro seções principais organizadas ao redor do mapa.
|
||||||
Antes de entrarmos nos detalhes de cada seção, vamos ter uma visão geral da interface.
|
Antes de entrarmos nos detalhes de cada seção, vamos ter uma visão geral da interface.
|
||||||
|
|||||||
@@ -10,6 +10,9 @@ title: Controles do mapa
|
|||||||
|
|
||||||
# { title }
|
# { title }
|
||||||
|
|
||||||
|
The map controls are located on the right side of the interface.
|
||||||
|
Estes controles permitem navegar pelo mapa, ampliar e sair e alternar entre diferentes estilos de mapa.
|
||||||
|
|
||||||
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Navegação no mapa
|
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Navegação no mapa
|
||||||
|
|
||||||
Os controles no topo permitem aumentar<Plus size="16" class="inline-block" style="margin-bottom: 2px" /> e diminuir <Minus size="16" class="inline-block" style="margin-bottom: 2px" /> o zoom e mudar a orientação e inclinação do mapa <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
Os controles no topo permitem aumentar<Plus size="16" class="inline-block" style="margin-bottom: 2px" /> e diminuir <Minus size="16" class="inline-block" style="margin-bottom: 2px" /> o zoom e mudar a orientação e inclinação do mapa <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ title: Planejamento e edição de rotas
|
|||||||
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
||||||
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
||||||
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
||||||
import routingScreenshot from '$lib/assets/img/docs/tools/routing.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -62,7 +61,7 @@ Isto permite que o caminho seja editado em diferentes níveis de detalhes.
|
|||||||
|
|
||||||
Finalmente, você pode excluir pontos de âncora clicando neles e selecionando <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Apagar</button> do menu de contexto.
|
Finalmente, você pode excluir pontos de âncora clicando neles e selecionando <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Apagar</button> do menu de contexto.
|
||||||
|
|
||||||
<DocsImage src={routingScreenshot} alt="Pontos de âncora permitem que você edite uma rota facilmente." />
|
<DocsImage src="tools/routing" alt="Pontos de âncora permitem que você edite uma rota facilmente." />
|
||||||
|
|
||||||
## Ferramentas adicionais
|
## Ferramentas adicionais
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ title: Cortar e dividir
|
|||||||
<script>
|
<script>
|
||||||
import { ScissorsIcon } from 'lucide-svelte';
|
import { ScissorsIcon } from 'lucide-svelte';
|
||||||
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
||||||
import splitScreenshot from '$lib/assets/img/docs/tools/split.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -30,4 +29,4 @@ Uma tesoura irá aparecer na posição do cursor, mostrando que você pode divid
|
|||||||
|
|
||||||
Você pode optar por dividir o rastro em dois arquivos GPX, ou para manter as partes divididas no mesmo arquivo como [faixas ou segmentos](../gpx).
|
Você pode optar por dividir o rastro em dois arquivos GPX, ou para manter as partes divididas no mesmo arquivo como [faixas ou segmentos](../gpx).
|
||||||
|
|
||||||
<DocsImage src={splitScreenshot} alt="Passando o mouse sobre o rastro selecionado transforma seu cursor em tesoura." />
|
<DocsImage src="tools/split" alt="Passando o mouse sobre o rastro selecionado transforma seu cursor em tesoura." />
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ title: Getting started
|
|||||||
---
|
---
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -12,7 +11,7 @@ title: Getting started
|
|||||||
Welcome to the official guide for **gpx.studio**!
|
Welcome to the official guide for **gpx.studio**!
|
||||||
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
||||||
|
|
||||||
<DocsImage src={interfaceScreenshot} alt="The gpx.studio interface." />
|
<DocsImage src="getting-started/interface" alt="The gpx.studio interface." />
|
||||||
|
|
||||||
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
||||||
Before we dive into the details of each section, let's have a quick overview of the interface.
|
Before we dive into the details of each section, let's have a quick overview of the interface.
|
||||||
|
|||||||
@@ -10,6 +10,9 @@ title: Map controls
|
|||||||
|
|
||||||
# { title }
|
# { title }
|
||||||
|
|
||||||
|
The map controls are located on the right side of the interface.
|
||||||
|
These controls allow you to navigate the map, zoom in and out, and switch between different map styles.
|
||||||
|
|
||||||
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
||||||
|
|
||||||
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ title: Route planning and editing
|
|||||||
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
||||||
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
||||||
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
||||||
import routingScreenshot from '$lib/assets/img/docs/tools/routing.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -62,7 +61,7 @@ This allows the route to be edited at different levels of detail.
|
|||||||
|
|
||||||
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
||||||
|
|
||||||
<DocsImage src={routingScreenshot} alt="Anchor points allow you to easily edit a route." />
|
<DocsImage src="tools/routing" alt="Anchor points allow you to easily edit a route." />
|
||||||
|
|
||||||
## Additional tools
|
## Additional tools
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ title: Crop and split
|
|||||||
<script>
|
<script>
|
||||||
import { ScissorsIcon } from 'lucide-svelte';
|
import { ScissorsIcon } from 'lucide-svelte';
|
||||||
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
||||||
import splitScreenshot from '$lib/assets/img/docs/tools/split.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -30,4 +29,4 @@ Scissors will appear at the cursor position, showing that you can split the trac
|
|||||||
|
|
||||||
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
||||||
|
|
||||||
<DocsImage src={splitScreenshot} alt="Hovering over the selected trace turns your cursor into scissors." />
|
<DocsImage src="tools/split" alt="Hovering over the selected trace turns your cursor into scissors." />
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ title: Getting started
|
|||||||
---
|
---
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -12,7 +11,7 @@ title: Getting started
|
|||||||
Welcome to the official guide for **gpx.studio**!
|
Welcome to the official guide for **gpx.studio**!
|
||||||
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
||||||
|
|
||||||
<DocsImage src={interfaceScreenshot} alt="The gpx.studio interface." />
|
<DocsImage src="getting-started/interface" alt="The gpx.studio interface." />
|
||||||
|
|
||||||
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
||||||
Before we dive into the details of each section, let's have a quick overview of the interface.
|
Before we dive into the details of each section, let's have a quick overview of the interface.
|
||||||
|
|||||||
@@ -10,6 +10,9 @@ title: Map controls
|
|||||||
|
|
||||||
# { title }
|
# { title }
|
||||||
|
|
||||||
|
The map controls are located on the right side of the interface.
|
||||||
|
These controls allow you to navigate the map, zoom in and out, and switch between different map styles.
|
||||||
|
|
||||||
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
||||||
|
|
||||||
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ title: Route planning and editing
|
|||||||
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
||||||
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
||||||
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
||||||
import routingScreenshot from '$lib/assets/img/docs/tools/routing.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -62,7 +61,7 @@ This allows the route to be edited at different levels of detail.
|
|||||||
|
|
||||||
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
||||||
|
|
||||||
<DocsImage src={routingScreenshot} alt="Anchor points allow you to easily edit a route." />
|
<DocsImage src="tools/routing" alt="Anchor points allow you to easily edit a route." />
|
||||||
|
|
||||||
## Additional tools
|
## Additional tools
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ title: Crop and split
|
|||||||
<script>
|
<script>
|
||||||
import { ScissorsIcon } from 'lucide-svelte';
|
import { ScissorsIcon } from 'lucide-svelte';
|
||||||
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
||||||
import splitScreenshot from '$lib/assets/img/docs/tools/split.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -30,4 +29,4 @@ Scissors will appear at the cursor position, showing that you can split the trac
|
|||||||
|
|
||||||
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
||||||
|
|
||||||
<DocsImage src={splitScreenshot} alt="Hovering over the selected trace turns your cursor into scissors." />
|
<DocsImage src="tools/split" alt="Hovering over the selected trace turns your cursor into scissors." />
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ title: Начало работы
|
|||||||
---
|
---
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -12,7 +11,7 @@ title: Начало работы
|
|||||||
Добро пожаловать в официальное руководство **gpx.studio**!
|
Добро пожаловать в официальное руководство **gpx.studio**!
|
||||||
Это руководство проведет вас через все компоненты и инструменты интерфейса, помогая стать опытным пользователем приложения.
|
Это руководство проведет вас через все компоненты и инструменты интерфейса, помогая стать опытным пользователем приложения.
|
||||||
|
|
||||||
<DocsImage src={interfaceScreenshot} alt="Интерфейс gpx.studio." />
|
<DocsImage src="getting-started/interface" alt="Интерфейс gpx.studio." />
|
||||||
|
|
||||||
Как показано на скриншоте выше, интерфейс разделен на четыре основных раздела, упорядоченных вокруг карты.
|
Как показано на скриншоте выше, интерфейс разделен на четыре основных раздела, упорядоченных вокруг карты.
|
||||||
Перед тем как погрузиться в подробности каждого раздела, давайте посмотрим на интерфейс.
|
Перед тем как погрузиться в подробности каждого раздела, давайте посмотрим на интерфейс.
|
||||||
|
|||||||
@@ -10,6 +10,9 @@ title: Управление картой
|
|||||||
|
|
||||||
# { title }
|
# { title }
|
||||||
|
|
||||||
|
The map controls are located on the right side of the interface.
|
||||||
|
Эти элементы управления позволяют перемещаться по карте, увеличивать и уменьшать масштаб и переключаться между различными стилями карты.
|
||||||
|
|
||||||
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Карта навигации
|
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Карта навигации
|
||||||
|
|
||||||
Элементы управления вверху позволяют увеличивать <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> и уменьшать масштаб <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, а также изменять ориентацию и наклон карты <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
Элементы управления вверху позволяют увеличивать <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> и уменьшать масштаб <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, а также изменять ориентацию и наклон карты <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ title: Планирование и редактирование маршрута
|
|||||||
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
||||||
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
||||||
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
||||||
import routingScreenshot from '$lib/assets/img/docs/tools/routing.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -62,7 +61,7 @@ title: Планирование и редактирование маршрута
|
|||||||
|
|
||||||
Наконец, вы можете удалить точки привязки, нажав на них и выбрав <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Удалить</button> из контекстного меню.
|
Наконец, вы можете удалить точки привязки, нажав на них и выбрав <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Удалить</button> из контекстного меню.
|
||||||
|
|
||||||
<DocsImage src={routingScreenshot} alt="Точки привязки позволяют легко редактировать маршрут." />
|
<DocsImage src="tools/routing" alt="Точки привязки позволяют легко редактировать маршрут." />
|
||||||
|
|
||||||
## Дополнительные инструменты
|
## Дополнительные инструменты
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ title: Crop and split
|
|||||||
<script>
|
<script>
|
||||||
import { ScissorsIcon } from 'lucide-svelte';
|
import { ScissorsIcon } from 'lucide-svelte';
|
||||||
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
||||||
import splitScreenshot from '$lib/assets/img/docs/tools/split.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -30,4 +29,4 @@ Scissors will appear at the cursor position, showing that you can split the trac
|
|||||||
|
|
||||||
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
||||||
|
|
||||||
<DocsImage src={splitScreenshot} alt="Hovering over the selected trace turns your cursor into scissors." />
|
<DocsImage src="tools/split" alt="Hovering over the selected trace turns your cursor into scissors." />
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ title: Getting started
|
|||||||
---
|
---
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -12,7 +11,7 @@ title: Getting started
|
|||||||
Welcome to the official guide for **gpx.studio**!
|
Welcome to the official guide for **gpx.studio**!
|
||||||
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
||||||
|
|
||||||
<DocsImage src={interfaceScreenshot} alt="The gpx.studio interface." />
|
<DocsImage src="getting-started/interface" alt="The gpx.studio interface." />
|
||||||
|
|
||||||
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
||||||
Before we dive into the details of each section, let's have a quick overview of the interface.
|
Before we dive into the details of each section, let's have a quick overview of the interface.
|
||||||
|
|||||||
@@ -10,6 +10,9 @@ title: Map controls
|
|||||||
|
|
||||||
# { title }
|
# { title }
|
||||||
|
|
||||||
|
The map controls are located on the right side of the interface.
|
||||||
|
These controls allow you to navigate the map, zoom in and out, and switch between different map styles.
|
||||||
|
|
||||||
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
||||||
|
|
||||||
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ title: Route planning and editing
|
|||||||
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
||||||
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
||||||
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
||||||
import routingScreenshot from '$lib/assets/img/docs/tools/routing.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -62,7 +61,7 @@ This allows the route to be edited at different levels of detail.
|
|||||||
|
|
||||||
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
||||||
|
|
||||||
<DocsImage src={routingScreenshot} alt="Anchor points allow you to easily edit a route." />
|
<DocsImage src="tools/routing" alt="Anchor points allow you to easily edit a route." />
|
||||||
|
|
||||||
## Additional tools
|
## Additional tools
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ title: Crop and split
|
|||||||
<script>
|
<script>
|
||||||
import { ScissorsIcon } from 'lucide-svelte';
|
import { ScissorsIcon } from 'lucide-svelte';
|
||||||
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
||||||
import splitScreenshot from '$lib/assets/img/docs/tools/split.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -30,4 +29,4 @@ Scissors will appear at the cursor position, showing that you can split the trac
|
|||||||
|
|
||||||
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
||||||
|
|
||||||
<DocsImage src={splitScreenshot} alt="Hovering over the selected trace turns your cursor into scissors." />
|
<DocsImage src="tools/split" alt="Hovering over the selected trace turns your cursor into scissors." />
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ title: Getting started
|
|||||||
---
|
---
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -12,7 +11,7 @@ title: Getting started
|
|||||||
Welcome to the official guide for **gpx.studio**!
|
Welcome to the official guide for **gpx.studio**!
|
||||||
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
||||||
|
|
||||||
<DocsImage src={interfaceScreenshot} alt="The gpx.studio interface." />
|
<DocsImage src="getting-started/interface" alt="The gpx.studio interface." />
|
||||||
|
|
||||||
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
||||||
Before we dive into the details of each section, let's have a quick overview of the interface.
|
Before we dive into the details of each section, let's have a quick overview of the interface.
|
||||||
|
|||||||
@@ -10,6 +10,9 @@ title: Map controls
|
|||||||
|
|
||||||
# { title }
|
# { title }
|
||||||
|
|
||||||
|
The map controls are located on the right side of the interface.
|
||||||
|
These controls allow you to navigate the map, zoom in and out, and switch between different map styles.
|
||||||
|
|
||||||
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
||||||
|
|
||||||
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ title: Route planning and editing
|
|||||||
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
|
||||||
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
||||||
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
|
||||||
import routingScreenshot from '$lib/assets/img/docs/tools/routing.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -62,7 +61,7 @@ This allows the route to be edited at different levels of detail.
|
|||||||
|
|
||||||
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
||||||
|
|
||||||
<DocsImage src={routingScreenshot} alt="Anchor points allow you to easily edit a route." />
|
<DocsImage src="tools/routing" alt="Anchor points allow you to easily edit a route." />
|
||||||
|
|
||||||
## Additional tools
|
## Additional tools
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ title: Crop and split
|
|||||||
<script>
|
<script>
|
||||||
import { ScissorsIcon } from 'lucide-svelte';
|
import { ScissorsIcon } from 'lucide-svelte';
|
||||||
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
import Scissors from '$lib/components/toolbar/tools/scissors/Scissors.svelte';
|
||||||
import splitScreenshot from '$lib/assets/img/docs/tools/split.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -30,4 +29,4 @@ Scissors will appear at the cursor position, showing that you can split the trac
|
|||||||
|
|
||||||
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
||||||
|
|
||||||
<DocsImage src={splitScreenshot} alt="Hovering over the selected trace turns your cursor into scissors." />
|
<DocsImage src="tools/split" alt="Hovering over the selected trace turns your cursor into scissors." />
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ title: Getting started
|
|||||||
---
|
---
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
|
|
||||||
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -12,7 +11,7 @@ title: Getting started
|
|||||||
Welcome to the official guide for **gpx.studio**!
|
Welcome to the official guide for **gpx.studio**!
|
||||||
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
||||||
|
|
||||||
<DocsImage src={interfaceScreenshot} alt="The gpx.studio interface." />
|
<DocsImage src="getting-started/interface" alt="The gpx.studio interface." />
|
||||||
|
|
||||||
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
||||||
Before we dive into the details of each section, let's have a quick overview of the interface.
|
Before we dive into the details of each section, let's have a quick overview of the interface.
|
||||||
|
|||||||
@@ -10,6 +10,9 @@ title: Map controls
|
|||||||
|
|
||||||
# { title }
|
# { title }
|
||||||
|
|
||||||
|
The map controls are located on the right side of the interface.
|
||||||
|
These controls allow you to navigate the map, zoom in and out, and switch between different map styles.
|
||||||
|
|
||||||
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
||||||
|
|
||||||
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
||||||
|
|||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user