mirror of
https://github.com/gpxstudio/gpx.studio.git
synced 2025-11-04 13:31:13 +00:00
111 lines
4.4 KiB
Plaintext
111 lines
4.4 KiB
Plaintext
---
|
|
title: Files and statistics
|
|
---
|
|
|
|
<script lang="ts">
|
|
import { ChartNoAxesColumn } from '@lucide/svelte';
|
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
|
import ElevationProfile from '$lib/components/elevation-profile/ElevationProfile.svelte';
|
|
import GPXStatistics from '$lib/components/GPXStatistics.svelte';
|
|
import { exampleGPXFile } from '$lib/assets/example';
|
|
import { writable } from 'svelte/store';
|
|
|
|
let gpxStatistics = writable(exampleGPXFile.getStatistics());
|
|
let slicedGPXStatistics = writable(undefined);
|
|
let additionalDatasets = writable(['speed', 'atemp']);
|
|
let elevationFill = writable<'slope' | 'surface' | undefined>(undefined);
|
|
</script>
|
|
|
|
# { title }
|
|
|
|
## File list
|
|
|
|
När du har [öppnat](./menu/file) filer, visas de som tabbar i fillistan som finns i botten av kartan.
|
|
You can reorder them by dragging and dropping the tabs.
|
|
And when many files are open, you can scroll through the list of tabs to navigate between them.
|
|
|
|
<DocsNote>
|
|
|
|
When using a mouse, you need to hold <kbd>Shift</kbd> to scroll horizontally.
|
|
|
|
</DocsNote>
|
|
|
|
### File selection
|
|
|
|
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.
|
|
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.
|
|
|
|
<DocsNote>
|
|
|
|
You can also navigate through the files using the arrow keys on your keyboard, and use <kbd>Shift</kbd> to add files to the selection.
|
|
|
|
</DocsNote>
|
|
|
|
### Edit actions
|
|
|
|
By right-clicking on a file tab, you can access the same actions as in the [edit menu](./menu/edit).
|
|
|
|
### Tree layout
|
|
|
|
Som nämnts i [Visaalternativsmenyn](./menu/view), kan du växla till en trädlayout för fillistan.
|
|
This layout is ideal for managing a large number of open files, as it organizes them into a vertical list on the right side of the map.
|
|
Utöver detta låter filträdvisningen dig att inspektera spår. segment och intressanta platser](./gpx) som finns i filerna genom kollapserbara sektioner.
|
|
|
|
Du kan också applicera [ämdringsåtgärder](./menu/edit) och[verktyg](./toolbar) på interna filobjekt.
|
|
Furthermore, you can drag and drop the inner items to reorder them, or move them in the hierarchy or even to another file.
|
|
|
|
<DocsNote>
|
|
|
|
The size of the file list can be adjusted by dragging the separator between the map and the file list.
|
|
|
|
</DocsNote>
|
|
|
|
## Elevation profile and statistics
|
|
|
|
At the bottom of the interface, you can find the elevation profile and statistics for the current selection.
|
|
|
|
<DocsNote>
|
|
|
|
The size of the elevation profile can be adjusted by dragging the separator between the map and the elevation profile.
|
|
|
|
</DocsNote>
|
|
|
|
### Interaktiv stastistik
|
|
|
|
När du svävar över höjdprofilen visar ett verktygstips statistik vid markörens position.
|
|
|
|
.
|
|
Click on the profile to reset the selection.
|
|
|
|
Du kan också använda mushjulet för att zooma in och ut på höjdprofilen och flytta vänster eller höger genom att dra profilen när du håller nerb<kbd>Shift</kbd> -tangenten.
|
|
|
|
<div class="h-48 w-full">
|
|
<ElevationProfile
|
|
{gpxStatistics}
|
|
{slicedGPXStatistics}
|
|
additionalDatasets={$additionalDatasets}
|
|
elevationFill={$elevationFill}
|
|
/>
|
|
</div>
|
|
<div class="flex flex-col items-center -mt-6">
|
|
<div class="h-10 w-fit">
|
|
<GPXStatistics
|
|
{gpxStatistics}
|
|
{slicedGPXStatistics}
|
|
panelSize={120}
|
|
orientation={'horizontal'}
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
### Additional data
|
|
|
|
Using the <kbd><ChartNoAxesColumn size="16" class="inline-block" style="margin-bottom: 2px"/></kbd> button at the bottom-right of the elevation profile, you can optionally color the elevation profile by:
|
|
|
|
- **slope** information computed from the elevation data, or
|
|
- **surface** or **category** data coming from <a href="https://www.openstreetmap.org/" target="_blank">OpenStreetMap</a>'s <a href="https://wiki.openstreetmap.org/wiki/Key:surface" target="_blank">surface</a> and <a href="https://wiki.openstreetmap.org/wiki/Key:highway" target="_blank">highway</a> tags.
|
|
This is only available for files created with **gpx.studio**.
|
|
|
|
Om ditt val innehåller det kan du också visualisera: **fart**, **puls**, **kadens**, **temperatur** och \*kraftr\*\* data på höjdprofilen.
|