---
title: Controles do mapa
---

<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" /> Navegação no mapa

Os controles no topo permitem aumentar<Plus size="16" class="inline-block" style="margin-bottom: 2px" /> e diminuir <Minus size="16" class="inline-block" style="margin-bottom: 2px" /> o zoom e mudar a orientação e inclinação do mapa <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.

<DocsNote>

Para controlar a orientação e a inclinação do mapa, você também pode arrastar o mapa enquanto segura <kbd>Ctrl</kbd>.

</DocsNote>

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

Você pode usar a barra de pesquisa para procurar um endereço e navegar até ele no mapa.

### U<LocateFixed size="16" class="inline-block" style="margin-bottom: 2px" /> Botão Localizar

O botão de localizar centraliza o mapa na sua localização atual.

<DocsNote>

Isso só funciona se você tiver permitido o acesso que seu navegador e <b>gpx.studio</b> tenham acesso a sua localização.

</DocsNote>

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

Este botão pode ser usado para ativar o modo visualização de rua no mapa.
Dependendo da fonte da visualização de rua escolhida nas [configurações](./menu/settings), as imagens de visualização de rua podem ser acessadas de forma diferente.

- <a href="https://www.mapillary.com/" target="_blank">Mapillary</a>: a cobertura de rua aparecerá como linhas verdes no mapa. Quando ampliado o suficiente, os pontos verdes mostrarão os locais exatos onde a imagem de visualização de rua está disponível. Passar o mouse sobre um ponto verde irá mostrar a imagem de rua naquele local.
- <a href="https://www.google.com/streetview/" target="_blank">Google Street View</a>: clique no mapa para abrir uma nova aba com a visualização de rua naquele local.

### <Layers3 size="16" class="inline-block" style="margin-bottom: 2px" /> Camadas do mapa

O botão de camadas de mapa permite que você alterne entre diferentes mapas e alternar entre sobreposições de mapa e categorias de pontos de interesse.

- **Mapas base** são mapas de fundo que apresentam as características geográficas principais do mundo.
  Apenas um mapa base pode ser exibio por vez.
  Apenas um mapa base pode ser exibio por vez.
- **Sobreposições** são camadas adicionais que podem ser exibidas no topo do basemap para fornecer informações complementares.
- **Pontos de interesse** podem ser adicionados ao mapa para mostrar diferentes categorias de lugares, como lojas, restaurantes ou acomodações.

<div class="flex flex-col items-center">
    <DocsLayers />
    <span class="text-sm text-center mt-2">
        Passe o mouse por cima do mapa para mostrar a camada de <a href="https://hiking.waymarkedtrails.org" target="_blank">Trilhas demarcadas</a> sobre o mapa <a href="https://www.mapbox.com/maps/outdoors" target="_blank">Mapbox Outdoors</a>.
    </span>
</div>

Uma grande diversidade de mapas globais e locais está disponível no **gpx.studio**, bem como uma seleção de pontos de interesse.
Eles podem ser ativados nas [configurações de camadas do mapa](./menu/settings).

Nessas configurações, você também pode gerenciar a opacidade das camadas.

Para usuários avançados, é possível adicionar mapas e sobreposições personalizados, fornecendo <a href="https://en.wikipedia.org/wiki/Web_Map_Tile_Service" target="_blank">WMTS</a>, ou <a href="https://en.wikipedia.org/wiki/Web_Map_Service" target="_blank">WMS</a>, ou ainda URLs com arquivos <a href="https://docs.mapbox.com/help/glossary/style/" target="_blank">Mapbox JSON</a>.
