mirror of
https://github.com/gpxstudio/gpx.studio.git
synced 2026-04-24 12:25:54 +00:00
31f25f346a
* New translations en.json (Ukrainian) * New translations en.json (Ukrainian) * New translations files-and-stats.mdx (Ukrainian) * New translations getting-started.mdx (Ukrainian) * New translations edit.mdx (Ukrainian) * New translations view.mdx (Ukrainian) * New translations en.json (Basque)
110 lines
5.9 KiB
Plaintext
110 lines
5.9 KiB
Plaintext
---
|
||
title: Файли та статистика
|
||
---
|
||
|
||
<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 hoveredPoint = writable(null);
|
||
let additionalDatasets = writable(['speed', 'atemp']);
|
||
let elevationFill = writable(undefined);
|
||
</script>
|
||
|
||
# { title }
|
||
|
||
## Список файлів
|
||
|
||
Після того як ви [відкриєте](./menu/file) файли, вони будуть показуватися у вигляді вкладок у списку файлів, розташованому внизу карти.
|
||
Ви можете змінити їх порядок, перетягуючи вкладки.
|
||
А коли відкрито багато файлів, ви можете прокручувати список вкладок, щоб переходити між ними.
|
||
|
||
<DocsNote>
|
||
|
||
Під час роботи з мишею для горизонтальної прокрутки потрібно утримувати клавіші <kbd>Shift</kbd>.
|
||
|
||
</DocsNote>
|
||
|
||
### Вибір файлу
|
||
|
||
Натиснувши на вкладку, ви можете перемикатися між файлами, щоб переглянути їхні статистичні дані, а також застосовувати до них [дії редагування](./menu/edit) та [інструменти](./toolbar).
|
||
Утримуючи клавішу <kbd>Ctrl/Cmd</kbd>, ви можете додавати файли до виділення або видаляти їх, а утримуючи клавішу <kbd>Shift</kbd>, ви можете виділити діапазон файлів.
|
||
Більшість [операцій редагування](./menu/edit) та [інструментів](./toolbar) можна застосовувати одразу до декількох файлів.
|
||
|
||
<DocsNote>
|
||
|
||
Ви також можете переходити між файлами за допомогою клавіш зі стрілками на клавіатурі, а також натискати <kbd>Shift</kbd>, щоб додати файли до виділення.
|
||
|
||
</DocsNote>
|
||
|
||
### Редагувати дії
|
||
|
||
Клацнувши правою кнопкою миші на вкладці файлу, ви отримаєте доступ до тих самих дій, що й у [меню редагування](./menu/edit).
|
||
|
||
### Структура дерева
|
||
|
||
Як зазначено в [розділі налаштувань перегляду](./menu/view), ви можете перейти до деревоподібного показу списку файлів.
|
||
Ця схема ідеально підходить для роботи з великою кількістю відкритих файлів, оскільки вони розміщуються у вигляді вертикального списку в правій частині екрана.
|
||
Крім того, у дереві файлів можна переглядати [треки, сегменти та цікаві місця](./gpx), що містяться у файлах, за допомогою розгортальних розділів.
|
||
|
||
Ви також можете застосовувати [дії редагування](./menu/edit) та [інструменти](./toolbar) до елементів внутрішніх файлів.
|
||
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}
|
||
{hoveredPoint}
|
||
{additionalDatasets}
|
||
{elevationFill}
|
||
/>
|
||
</div>
|
||
<div class="flex flex-col items-center w-full">
|
||
<GPXStatistics
|
||
{gpxStatistics}
|
||
{slicedGPXStatistics}
|
||
orientation={'horizontal'}
|
||
/>
|
||
</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.
|