---
title: Controlli Mappa
---

<script>
    import { Plus, Minus, Diff, Compass, Search, LocateFixed, PersonStanding, Layers } from '@lucide/svelte';
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
    import DocsLayers from '$lib/components/docs/DocsLayers.svelte';
</script>

# { title }

I comandi della mappa si trovano sul lato destro dell'interfaccia.
Questi controlli ti consentono di navigare sulla mappa, ingrandire e rimpicciolire e passare da uno stile di mappa all'altro.

### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Navigazione mappa

I controlli in alto consentono di ingrandire <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> o ridurre <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, e modificare l'orientamento e l'inclinazione della mappa <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.

<DocsNote>

Per controllare l'orientamento e l'inclinazione della mappa, puoi anche trascinare la mappa tenendo premuto <kbd>Ctrl</kbd>.

</DocsNote>

### <Search size="16" class="inline-block" style="margin-bottom: 2px" /> Barra di ricerca

È possibile utilizzare la barra di ricerca per cercare un indirizzo e navigare fino ad esso sulla cartina.

### <LocateFixed size="16" class="inline-block" style="margin-bottom: 2px" /> Pulsante di localizzazione della posizione

Il pulsante di localizzazione centra la mappa sulla posizione corrente.

<DocsNote>

Questo funziona solo se hai consentito al tuo browser e a <b>gpx.studio</b> di accedere alla tua posizione.

</DocsNote>

### <PersonStanding size="16" class="inline-block" style="margin-bottom: 2px" /> Vista strada

Questo pulsante può essere usato per abilitare la modalità di visualizzazione stradale sulla mappa.
A seconda della fonte di visualizzazione della strada scelta nella [settings](./menu/settings), le immagini di visualizzazione della strada possono essere accessibili in modo diverso.

- <a href="https://www.mapillary.com/" target="_blank">Mapillary</a>: la copertura della vista stradale apparirà come linee verdi sulla mappa. Quando ingrandito abbastanza, i punti verdi mostreranno le posizioni esatte in cui è disponibile l'immagine della vista stradale. Il passaggio su un punto verde mostrerà l'immagine stradale in quella posizione.
- <a href="https://www.google.com/streetview/" target="_blank">Google Street View</a>: clicca sulla mappa per aprire una nuova scheda con le immagini della vista stradale in quella posizione.

### <Layers size="16" class="inline-block" style="margin-bottom: 2px" /> Livelli mappa

Il pulsante dei livelli di mappa consente di passare da una basemap all'altra, e di accendere o spegnere le mappe di sovrapposizione e le categorie di punti d'interesse.

- **Basemaps** sono mappe di sfondo che presentano le principali caratteristiche geografiche del mondo.
  A seconda del loro scopo, le basemaps hanno diversi stili e livelli di dettaglio.
  È possibile visualizzare una sola basemap alla volta.
- **Overlays** sono dei livelli aggiuntivi che possono essere visualizzati sovrapposti al basemap per fornire informazioni complementari.
- **Punti di interesse** possono essere aggiunti alla mappa per mostrare diverse categorie di luoghi, come negozi, ristoranti, o alloggi.

<div class="flex flex-col items-center">
<DocsLayers />
<span class="text-sm text-center mt-2">

Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the topographic basemap.

</span>
</div>

Una vasta collezione di basemaps e sovrapposizioni globali e locali è disponibile in **gpx.studio**, così come una selezione di categorie di punti di interesse.
Possono essere abilitati nella [finestra delle impostazioni dei livelli mappa](./menu/settings).

In queste impostazioni è anche possibile gestire l'opacità delle sovrapposizioni.

For advanced users, it is possible to add custom basemaps and overlays by providing <a href="https://en.wikipedia.org/wiki/Web_Map_Tile_Service" target="_blank">WMTS</a>, <a href="https://en.wikipedia.org/wiki/Web_Map_Service" target="_blank">WMS</a>, or <a href="https://maplibre.org/maplibre-style-spec/" target="_blank">MapLibre style JSON</a> URLs.
