mirror of
https://github.com/gpxstudio/gpx.studio.git
synced 2025-11-04 13:31:13 +00:00
111 lines
4.5 KiB
Plaintext
111 lines
4.5 KiB
Plaintext
---
|
|
title: Puslapis nerastas
|
|
---
|
|
|
|
<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(undefined);
|
|
</script>
|
|
|
|
# { title }
|
|
|
|
## Bylų sąrašas
|
|
|
|
Kai [atidarysite](./meniu/file) bylas, jie bus rodomi kaip skirtukai bylų sąraše, esančiame žemėlapio apačioje.
|
|
Jūs galite juos pertvarkyti tempiant ir paleidžiant skirtukus.
|
|
Ir kai yra atidaryta daug bylų, jūs galite slinkti pro skirtukų sąrašą, kad naviguotumėte tarp jų.
|
|
|
|
<DocsNote>
|
|
|
|
Naudojant pelę, jūs turite laikyti <kbd>Shift<kbd>, kad slinktumėte horizontaliai.
|
|
|
|
</DocsNote>
|
|
|
|
### Bylos pasirinkimas
|
|
|
|
Paspausdami ant skirtuko, jūs galite perjungti bylas, kad peržiūrėtumėte jų statistikas ir jiems pritaikytumėte [redaguoti veiksmus](./menu/edit) ir [įrankiai](./toolbar).
|
|
Laikydami <kbd>Ctrl/Cmd</kbd> mygtuką, jūs galite pridėti bylas prie pasirinkimo ar jas panakinti, ir laikydami <kbd>Shift</kbd>, jūs galite pasirinkti kelias bylas.
|
|
Dauguma [redaguoti veiksmus](./menu/edit) ir [įrankiai](./toolbar) gali būti pritaikyti kelioms byloms vienu metu.
|
|
|
|
<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
|
|
|
|
As mentioned in the [view options section](./menu/view), you can switch to a tree layout for the files list.
|
|
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.
|
|
In addition, the file tree view enables you to inspect the [tracks, segments, and points of interest](./gpx) contained inside the files through collapsible sections.
|
|
|
|
You can also apply [edit actions](./menu/edit) and [tools](./toolbar) to internal file items.
|
|
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>
|
|
|
|
### Interactive statistics
|
|
|
|
When hovering over the elevation profile, a tooltip will show statistics at the cursor position.
|
|
|
|
To get the statistics for a specific section of the elevation profile, you can drag a selection rectangle on the profile.
|
|
Click on the profile to reset the selection.
|
|
|
|
You can also use the mouse wheel to zoom in and out on the elevation profile, and move left and right by dragging the profile while holding the <kbd>Shift</kbd> key.
|
|
|
|
<div class="h-48 w-full">
|
|
<ElevationProfile
|
|
{gpxStatistics}
|
|
{slicedGPXStatistics}
|
|
{additionalDatasets}
|
|
{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**.
|
|
|
|
If your selection includes it, you can also visualize: **speed**, **heart rate**, **cadence**, **temperature** and **power** data on the elevation profile.
|