gpx.studio/website/src/lib/docs/en/menu/view.mdx

---
title: View options
---

<script lang="ts">
    import { ChartArea, ListTree, Map, Layers2, Coins, Milestone, Box, Maximize2 } from '@lucide/svelte';
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
</script>

# { title }

This menu provides options to rearrange the interface and the map view.

### <ChartArea size="16" class="inline-block" style="margin-bottom: 2px" /> Elevation profile

Hide the elevation profile to make room for the map, or show it to inspect the current selection.

### <ListTree size="16" class="inline-block" style="margin-bottom: 2px" /> File tree

Toggle the tree layout for the [file list](../files-and-stats).
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.

### <Map size="16" class="inline-block" style="margin-bottom: 2px" /> Switch to previous basemap

Change the basemap to the one previously selected through the [map layer control](../map-controls).

### <Layers2 size="16" class="inline-block" style="margin-bottom: 2px" /> Toggle overlays

Toggle the visibility of the map overlays selected through the [map layer control](../map-controls).

### <Coins size="16" class="inline-block" style="margin-bottom: 2px" /> Distance markers

Toggle the visibility of distance markers on the map.
They are displayed for the current selection, like the [elevation profile](../files-and-stats).

### <Milestone size="16" class="inline-block" style="margin-bottom: 2px" /> Direction arrows

Toggle the visibility of direction arrows on the map.

### <Box size="16" class="inline-block" style="margin-bottom: 2px" /> Toggle 3D

Enter or exit the 3D map view.

<DocsNote>

To control the orientation and tilt of the map, you can also drag the map while holding <kbd>Ctrl</kbd>.
    
</DocsNote>

### <Maximize2 size="16" class="inline-block" style="margin-bottom: 2px" /> Full screen

Enter or exit full screen mode.
You can also press <kbd>F11</kbd> to toggle, or <kbd>Escape</kbd> to exit.