---
title: Commandes de la carte
---

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

# { title }

### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Navigation de la carte

Les commandes en haut vous permettent de zoomer <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> et dézoomer <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, et de changer l'orientation et l'inclinaison de la carte <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.

<DocsNote>

Pour contrôler l'orientation et l'inclinaison de la carte, vous pouvez également faire glisser la carte tout en maintenant <kbd>Ctrl</kbd>.

</DocsNote>

### <Search size="16" class="inline-block" style="margin-bottom: 2px" /> Barre de recherche

Vous pouvez utiliser la barre de recherche pour rechercher une adresse et naviguer vers celle-ci sur la carte.

### <LocateFixed size="16" class="inline-block" style="margin-bottom: 2px" /> Bouton de localisation

Le bouton de localisation centre la carte sur votre localisation actuelle.

<DocsNote>

Cela ne fonctionne que si vous avez autorisé votre navigateur et <b>gpx.studio</b> à accéder à votre localisation.

</DocsNote>

### <PersonStanding size="16" class="inline-block" style="margin-bottom: 2px" /> Imagerie de rue

Ce bouton peut être utilisé pour activer le mode imagerie de rue sur la carte.
Selon la source d'imagerie de rue choisie dans les [réglages](./menu/settings), les images de rue peuvent être accédées différemment.

- <a href="https://www.mapillary.com/" target="_blank">Mapillary</a>: la couverture d'imagerie de rue sera représentée sur la carte par des lignes vertes. Lorsque le zoom est suffisant, des points verts montreront les endroits précis où des images de rue sont disponibles. En survolant un point vert, vous verrez l'image de rue correspondant à cet endroit.
- <a href="https://www.google.com/streetview/" target="_blank">Google Street View</a>: cliquez sur la carte pour ouvrir un nouvel onglet avec l’imagerie de rue correspondant à cet endroit.

### <Layers3 size="16" class="inline-block" style="margin-bottom: 2px" /> Couches de la carte

Le bouton des couches de la carte vous permet de basculer entre différents fonds de carte, et d'activer/désactiver les surcouches de cartes et les catégories de points d'intérêt.

- Les **fonds de carte** sont des cartes apparaissant en fond et présentant les principales caractéristiques géographiques du monde.
  Selon leur fonction, les fonds de carte ont des styles et des niveaux de détail différents.
  Un seul fond de carte peut être affiché à la fois.
- Les **surcouches** sont des couches supplémentaires qui peuvent être affichées par-dessus le fond de carte pour fournir des informations complémentaires.
- Les **points d'intérêt** peuvent être ajoutés à la carte pour montrer différentes catégories d'endroits, comme les magasins, les restaurants ou les hébergements.

<div class="flex flex-col items-center">
    <DocsLayers />
    <span class="text-sm text-center mt-2">
        Survolez la carte pour afficher la surcouche <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails Randonnée</a> par-dessus le fond de carte <a href="https://www.mapbox.com/maps/outdoors" target="_blank">Mapbox Outdoors</a>.
    </span>
</div>

Une grande collection de fonds de carte et de surcouches mondiales et locales est disponible dans **gpx.studio**, ainsi qu'une sélection de catégories de points d'intérêt.
Ceux-ci peuvent être activés dans la [fenêtre de configuration des couches de carte](./menu/settings).

Dans ces paramètres, vous pouvez également gérer l'opacité des surcouches.

Pour les utilisateurs expérimentés, il est possible d'ajouter des fonds de carte et des surcouches personnalisés en fournissant des URLs <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>, ou <a href="https://docs.mapbox.com/help/glossary/style/" target="_blank">Mapbox style JSON</a>.
