mirror of
https://github.com/gpxstudio/gpx.studio.git
synced 2025-09-07 02:37:50 +00:00
38 lines
1.7 KiB
Plaintext
38 lines
1.7 KiB
Plaintext
|
---
|
||
|
|
title: Getting started
|
||
|
|
---
|
||
|
|
|
||
|
|
<script lang="ts">
|
||
|
|
import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
|
||
|
|
import DocsImage from '$lib/components/docs/DocsImage.svelte';
|
||
|
|
</script>
|
||
|
|
|
||
|
|
# { title }
|
||
|
|
|
||
|
|
Welcome to the official guide of **gpx.studio**!
|
||
|
|
It will walk you through all the components and tools of the interface, and help you become a proficient user of the application.
|
||
|
|
|
||
|
|
<DocsImage src={interfaceScreenshot} alt="Screenshot of the gpx.studio interface" />
|
||
|
|
|
||
|
|
As you can see on 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.
|
||
|
|
|
||
|
|
## Menu
|
||
|
|
|
||
|
|
At the top of the interface, you will find the [main menu](./menu).
|
||
|
|
This is where you can access common actions such as opening, closing and exporting files, undoing and redoing actions, and adjusting the settings of the application.
|
||
|
|
|
||
|
|
## Files and statistics
|
||
|
|
|
||
|
|
At the bottom of the interface, you will find the list of files that are currently open in the application.
|
||
|
|
You can click on a file to select it, and display its statistics below the list.
|
||
|
|
As we will see in the [dedicated section](./files-and-stats), you can select multiple files at once, and also switch to a vertical layout of the list for advanced file management.
|
||
|
|
|
||
|
|
## Toolbar
|
||
|
|
|
||
|
|
On the left side of the interface, you will find the [toolbar](./toolbar), which contains all the tools you can use to edit your files.
|
||
|
|
|
||
|
|
## Map controls
|
||
|
|
|
||
|
|
Finally, on the right side of the interface, you will find the [map controls](./map-controls).
|
||
|
|
These allow you to navigate the map, zoom in and out, and switch between different map styles.
|