---
title: Harita Kontrolleri
---

<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 }

Harita kontrolleri, arayüzün sağ tarafında yer alır.
Bu kontrollerle haritada gezinebilir, yakınlaştırabilir ve uzaklaştırabilir, farklı harita stilleri arasında geçiş yapabilirsiniz.

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

Üstteki kontroller, yakınlaştırma <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> ve uzaklaştırma <Minus size="16" class="inline-block" style="margin-bottom: 2px" /> yapmanıza ve haritanın oryantasyonu ile eğimini <Compass size="16" class="inline-block" style="margin-bottom: 2px" /> değiştirmenize olanak tanır.

<DocsNote>

Haritanın oryantasyonunu ve eğimini <kbd>Ctrl</kbd> basılı tutarken sürükleyerek de yapabilirsiniz.

</DocsNote>

### <Search size="16" class="inline-block" style="margin-bottom: 2px" /> Arama çubuğu

Arama çubuğunu bir adresi aramak ve haritada oraya gitmek için kullanabilirsiniz.

### <LocateFixed size="16" class="inline-block" style="margin-bottom: 2px" /> Yerini bul

Yerini bul butonu haritayı mevcut konumunuza ortalar.

<DocsNote>

Ancak tarayıcınızdan<b>gpx.studio</b>'ya gerekli izinleri vemişseniz çalışır.

</DocsNote>

### <PersonStanding size="16" class="inline-block" style="margin-bottom: 2px" /> Sokak görünümü

Bu buton haritada sokak görünümünü aktif etmek için kullanılır.
Sokak görünümü [ayarına](./menu/settings) bağlı olarak sokak resimleri farklı görünebilir.

- <a href="https://www.mapillary.com/" target="_blank">Mapillary</a>: sokak görünüm kapsamı yeşil çizgiler şeklinde görünür haritada. Yeteri kadar yaklaştığınızda yeşil noktalar hangi noktalarda sokak görüntüsünün mevcut olduğunu gösterir. Yeşil noktanın üzerinde durursanız o yerin sokak görüntüsünü gösterir.
- <a href="https://www.google.com/streetview/" target="_blank">Google Street View</a>: yeni sekmede sokak görüntüsü açmak için haritaya tıklayın.

### <Layers size="16" class="inline-block" style="margin-bottom: 2px" /> Harita katmanları

Harita katmanları düğmesi, farklı temel haritalar arasında geçiş yapmanıza, harita katmanları ve ilgi noktası kategorilerini açıp kapatmanıza olanak tanır.

- **Temel haritalar**, dünyanın ana coğrafi özelliklerini sunan arka plan haritalarıdır.
  Amaçlarına bağlı olarak, temel haritalar farklı stillere ve detay seviyelerine sahiptir.
  Aynı anda sadece bir temel harita görüntülenebilir.
- **Katmanlar**, tamamlayıcı bilgi sağlamak amacıyla temel haritanın üzerinde görüntülenebilen ek katmanlardır.
- **İlgi noktaları**, mağazalar, restoranlar veya konaklama yerleri gibi farklı yer kategorilerini göstermek için haritaya eklenebilir.

<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 <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.

</span>
</div>

Büyük bir lokal temel harita koleksiyonu ve katmanlar **gpx.studio**'da mevcut bulunmakta, ilgi noktalarının yanı sıra.
[Harita katman ayarları dialoğu](./menu/settings) ile aktif yapabilirsiniz.

Bu ayarlarda ayrıca katmanların saydamlık ayarlarını da yapabilinsiniz.

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.
