Son on yılda Google Maps, OpenStreetMap veya herhangi bir modern web haritası kullandıysan, gördüğün her yol ve bina büyük olasılıkla bir vektör tile olarak yüklendi. Format, modern web kartografisinin fark edilmeyen kahramanıdır. Web haritalarının hızlı yüklenmesini, her ekranda keskin görünmesini ve tasarımcıların tüm dünyayı yeniden render etmek zorunda kalmadan güzel stillenmiş haritalar yayınlayabilmesini sağlayan şey budur.
Bu rehber vektör tilenin ne olduğunu, nasıl çalıştığını, neden çoğu kullanım senaryosunda raster tilelerin yerini aldığını ve MapAtlas'ın bunları üretimde nasıl sunduğunu açıklıyor.
Tek Cümlelik Tanım
Vektör tile, belirli bir yakınlaştırma seviyesinde bir haritanın tek karesine ait coğrafi özellikleri önceden render edilmiş bir resim yerine veri olarak kodlayan küçük bir ikili dosyadır.
"Resim yerine veri" kısmı her şeyin özüdür. Raster tilede sunucu her pikselin nasıl görüneceğine önceden karar vermiştir. Vektör tilede istemci temel geometriyi (çizgiler, poligonlar, noktalar) ve etiketleri alır, bunları kullanıcının seçtiği stile göre anında render eder.
Web Haritaları Tileleri Nasıl Kullanır?
Kullandığın her web haritası dünyayı bir tile ızgarasına böler. Yakınlaştırma 0'da tüm dünya tek bir tileye sığar. Yakınlaştırma 1'de 4 tile, yakınlaştırma 2'de 16 tile vardır ve bu şekilde devam eder. Her tile üç sayıyla tanımlanır: yakınlaştırma (z), sütun (x) ve satır (y). Kaydırma veya yakınlaştırma yaptığında harita kütüphanesi yalnızca görünen tileleri getirir, önbelleğe alır ve görüş alanından çıkanları atar.
Raster tileler için sunucu her (z, x, y) kombinasyonuna karşılık bir PNG önceden render eder. Bu çalışır, ancak sınırlamaları vardır: stil render sırasında sabitlenir, her stil değişikliği tüm dünyanın yeniden render edilmesini gerektirir ve görüntülerin retina ekranlarda keskin görünmesi için 1x ve 2x çözünürlükte gönderilmesi gerekir.
Vektör tileler modeli tersine çevirir. Sunucu geometriyi gönderir. İstemci render eder. Tek bir tileset herhangi bir sayıda stili destekler, her DPI'da keskin görünür ve ağ üzerinde küçük kalır.
MVT Formatı
Fiili standart format, Mapbox Vector Tile spesifikasyonu olan MVT'dir. MVT, özellikleri adlandırılmış katmanlar halinde organize eden bir Protocol Buffers kodlamasıdır:
transportation(yollar, demiryolları)buildings(ayak izleri)places(adlandırılmış şehirler, kasabalar, mahalleler)landuse(parklar, konut, ticari alanlar)water(okyanuslar, göller, nehirler)boundaries(idari alanlar)
Bir katmandaki her özelliğin bir geometrisi (nokta, çizgi, poligon) ve bir dizi niteliği (isim, tip, önem, dil varyantları) vardır. Geometri koordinatları, tile-yerel koordinat uzayında 0 ile 4096 arasında değişen tam sayılardır; bu da MVT'nin kompakt boyutunu sağlar.
MVT tamamen açıktır, satıcıdan bağımsızdır ve her büyük render motoru tarafından desteklenir: Mapbox GL JS, MapLibre GL JS, OpenLayers, deck.gl ve iOS/Android Mapbox SDK'ları.
Vektör Tileler Neden Raster Tilelerin Yerini Aldı?
Modern web haritalarının neredeyse tamamının temel katman için vektör tile kullanmasının beş nedeni vardır:
Stil esnekliği. Tek bir tileset ile açık tema, koyu tema, baskıya optimize edilmiş stil, uydu-bindirme stili ve pazarlama için marka renkli stil render edebilirsin. Sunucuda yeniden render gerekmez.
Her DPI'da piksel mükemmelliği. 1x çözünürlükteki raster tile retina ekranda bulanık görünür. Vektör tile ise cihazın yerel çözünürlüğünde istemci tarafında taze render edilir.
Daha küçük payload'lar. Karmaşık bir kentsel tile, özellikle gzip sonrasında, genellikle yüksek kaliteli PNG'den MVT olarak daha küçük olur.
Çalışma zamanı etkileşimi. İstemci her pikselin neyi temsil ettiğini bildiğinden, hover ile belirli bir yolu vurgulayabilir, kullanılmayan katmanları soldurabilir, geçişleri animasyonlayabilir ve özellik tıklamalarına yanıt verebilirsin.
Akıcı yakınlaştırma ve döndürme. Vektör geometrisi örnekleme artefaktları olmadan döner ve ölçeklenir. Raster tileler tam sayı yakınlaştırma seviyeleri arasında veya eksen dışında döndürüldüğünde pikselleşir.
Bedeli, istemci CPU ve GPU çalışmasıdır; bu da son on yılda üretilen herhangi bir cihazda sorun değildir.
Çalışma Zamanında Ne Stillendirilir?
Bir stil belgesi (genellikle MapLibre tarafından da benimsenen Mapbox Style Spec formatında bir JSON) her katmanın nasıl çizileceğini tanımlar. Tile verisine dokunmadan değiştirebileceklerinin örnekleri:
- Her yol sınıfının rengi
- Yakınlaştırma seviyesine göre değişen yol çizgisi genişliği
- Hangi yer etiketlerinin hangi yakınlaştırmada göründüğü
- Her metin etiketinin yazı tipi, boyutu ve halo'su
- Tüm katmanların görünürlüğü (tek bir toggle ile tüm idari sınırları kapat)
- Desen dolguları, kesik çizgiler, degradeler, bulanıklık efektleri
Markalı haritaları bu durum mümkün kılar. Bir tasarım ekibi Mapbox stil JSON'ı, MapLibre stil JSON'ı veya MapAtlas stil önayarı sunabilir; aynı tileset marka kimliklerinde render edilir.
Önbellekleme ve Performans
Vektör tileler son derece iyi önbelleklenir çünkü dünyanın geometrisi her dakika değişmez. CDN edge önbellekleri MVT tilelerini genellikle saatler veya günlerce tutar. Harita kütüphanesi, kullanıcının muhtemel kaydırma yönünün önündeki tileleri önceden getirir ve yakın zamanda görüntülenen tileleri bellekte tutar. Sonuç olarak bir şehirde kaydıran kullanıcı, bir sonraki görüntü alanının tileleri genellikle zaten yüklendiğinden akıcı bir deneyim yaşar.
Üretim tile servisleri tileleri genellikle /{z}/{x}/{y}.pbf yolunda sunar (PBF, protobuf ikili uzantısıdır). Modern bir HTTP/2 veya HTTP/3 bağlantısı düzinelerce tile isteğini paralel olarak çoğaltır.
MapAtlas Bu Tabloda Nerede Yer Alır?
MapAtlas, yalnızca AB barındırması, öngörülebilir fiyatlandırma ve aşağı yönde stillenme ile AI anotasyonu için tasarlanmış bir tile şemasıyla Dinamik Haritalar ürünü için MVT uyumlu vektör tileler sunar. Görünen haritayı yönlendiren veri katmanları (yerler, ulaşım, binalar, ilgi noktaları) aynı zamanda Geocoding ve Search API üzerinden yapılandırılmış veri olarak da sunulur; haritada gördüğün bir özelliği kendi mantığın için tiplendirilmiş bir JSON kaydı olarak getirebilirsin.
Render katmanına daha derin bir bakış için Özel Harita Stili rehberi, marka uyumlu bir vektör tile stilini uçtan uca nasıl yayınlayacağını gösteriyor.
Sıkça Sorulan Sorular
Vektör tile nedir?
Vektör tile, belirli bir yakınlaştırma seviyesinde bir web haritasının tek bir karesine ait coğrafi özellikleri (yollar, binalar, ilgi noktaları, etiketler) içeren küçük bir ikili dosyadır. Önceden render edilmiş bir PNG veya JPG resmi olan raster tilenin aksine, vektör tile temel geometriyi ve nitelikleri veri olarak tutar. Tarayıcı veya mobil istemci bu veriyi çalışma zamanında seçilen stile göre piksellere dönüştürür; bu da aynı tilenin farklı şekillerde stillendirilip döndürülebileceği ve herhangi bir piksel yoğunluğunda keskinliğini kaybetmeden render edilebileceği anlamına gelir.
Vektör tile ile raster tile arasındaki fark nedir?
Raster tile, genellikle 256x256 veya 512x512 piksel boyutunda, sabit bir stille sunucuda önceden render edilmiş sabit bir PNG veya JPG görüntüdür. Vektör tile ise istemci tarafından piksellere dönüştürülen geometri ve nitelikleri içeren bir ikili dosyadır. Vektör tileler ağ üzerinden daha küçüktür, çalışma zamanında yeniden stillenmeyi destekler, herhangi bir yakınlaştırma ve DPI'da keskin görünür ve yeniden çekme yapılmadan katmanları açıp kapatmanı sağlar. Karşılığında istemcinin render işini yapması gerekir; bu son on yılda üretilen herhangi bir cihazda sorun oluşturmaz.
MVT formatı nedir?
MVT, vektör tileler için fiili standart format olan Mapbox Vector Tile spesifikasyonudur. Tek bir tilenin coğrafi özelliklerinin Protocol Buffers (protobuf) kodlamasıdır ve adlandırılmış katmanlar halinde organize edilir (örn. roads, buildings, places). Format açıktır, satıcıdan bağımsızdır ve her modern harita render motorunca desteklenir (Mapbox GL, MapLibre, OpenLayers, deck.gl). MapAtlas, dinamik haritalar endpoint'i üzerinden MVT uyumlu tileler sunar.
Vektör tileler ne kadar küçüktür?
Yakınlaştırma seviyesi 14'teki tipik bir kentsel vektör tile ağ üzerinde 50 KB ile 200 KB arasında, gzip sonrasında genellikle 30-100 KB'a sıkışır. Boyut, alanın veri yoğunluğuna bağlıdır: Paris merkezini kapsayan bir tile, Atlas Okyanusu'nu kapsayan bir tileden daha ağırdır. Çoğu üretim haritası, tilelerin agresif biçimde önbelleğe alınması, kullanıcının görüş yönünden önceden getirilmesi ve GPU üzerinde render edilmesi sayesinde akıcı kaydırma ve yakınlaştırma deneyimi sunar.
