Web Tasarım ve Mobil Uygulama Hizmetlerimizde Kendi Harita Sistemimizi Kullanıyoruz

Hitit Medya Neden Kendi Harita Ağını Kurdu?

Cevap sıkıcı derecede basit: harita ihtiyacımız çok fazlaydı. Emlak portallarında proje konumları, turizm sitelerinde gezi rotaları, kurumsal sitelerde şube bulucular, lojistik panellerinde saha ekibi takibi, e-ticarette teslimat bölgeleri. Neredeyse her ikinci projede bir harita katmanı çıkıyordu karşımıza.

Bir ihtiyaç bu kadar tekrarlıyorsa, onu kiralamak yerine kurmak gerekir. Üçüncü parti bir harita API'sine bağlı çalışmak üç yerden sıkıyordu:

• Maliyet öngörülemezdi. Müşterinin sitesi başarılı olunca fatura büyüyordu. Bir kampanya, bir haber, bir viral paylaşım ve aylık harita gideri birdenbire katlanıyordu.
• Tasarım kısıtlıydı. Sağlayıcının izin verdiği kadar özelleştirebiliyorduk. Marka rengiyle uyumlu, sade, karakterli bir harita çoğu zaman mümkün değildi.
• Kontrol bizde değildi. Fiyat politikası, kota, kullanım şartları bir gecede değişebiliyordu ve müşterimizin ürünü bundan etkileniyordu.

Kendi sistemimizi kurmak bu üç sorunu da ortadan kaldırdı. Ama asıl kazanç şu: kendi kurduğunuz sistem her zaman daha yönetilebilir ve daha geliştirilebilirdir. Yeni bir katman eklemek, stili değiştirmek, veriyi tazelemek, performansı ölçmek artık bizim elimizde.

Altyapı: OpenStreetMap Verisi, Kendi Stillerimiz

Hitit Medya Maps'in temeli OpenStreetMap. Dünya çapında yüz binlerce gönüllünün ördüğü, açık lisanslı bir coğrafi veri seti. Yollar, binalar, kıyı şeritleri, yer adları, parklar. Şehirlerde ve yerleşik bölgelerde ticari alternatiflerle yarışacak, çoğu yerde onları geçen bir zenginlikte.

Mühendis ekibimiz bu verinin üzerine vektör tile mimarisi kurdu. Harita, sunucuda resim olarak üretilip gönderilmiyor; veri olarak gönderilip tarayıcıda çiziliyor. Çizimi açık kaynak MapLibre GL yapıyor. Bunun iki güzel sonucu var: harita her ekranda keskin, ve görünümü tamamen bizim kontrolümüzde.

Görünümü belirleyen şey stil. Biz 13 stil tasarladık: sade açık ve koyu temeller, veri görselleştirme için sessiz zeminler, etiketsiz ve sadece etiketli katmanlar, Türkçe yer adlı sürümler. Ve bir de imza stilimiz: Antique Map, Türkçe adıyla Piri Reis. Eskimiş parşömen dokusu, sepya mürekkep kıyı çizgileri, pusula gülü ve rota çizgileriyle, canlı OpenStreetMap verisini keşifler çağından çıkmış bir deniz haritasına çeviriyor.

Bir not: OpenStreetMap verisi ODbL lisanslıdır ve atıf zorunludur. Bu yüzden ürettiğimiz her haritanın köşesinde © OpenStreetMap atfı görünür kalır. Kaldırılabilir bir seçenek sunmuyoruz, çünkü bu veriyi ören gönüllülerin hakkı.

Cloudflare: Dünyanın Her Yerinden Hızlı Erişim

Bir harita altyapısında asıl zorluk veri değil, dağıtım. Tokyo'daki bir ziyaretçiye İstanbul'daki bir sunucudan tile göndermeye çalışırsanız harita takılarak açılır.

Bu yüzden tüm harita verimizi Cloudflare depolama sisteminde tutuyor ve Cloudflare'in küresel edge ağı üzerinden sunuyoruz. Ziyaretçi nerede olursa olsun, harita ona coğrafi olarak en yakın Cloudflare noktasından ulaşır. İstanbul'da, Berlin'de, São Paulo'da ya da Singapur'da fark etmez.

Bu tercihin bir yan faydası daha var: Cloudflare'in bu katmanında veri çıkış (egress) ücreti yok. Yani haritamız ne kadar çok görüntülenirse görüntülensin, bant genişliği faturası büyümüyor. Maliyeti öngörülebilir kılan şey tam olarak bu.

Çözüm Ortaklarımızda Harita Limiti Diye Bir Sorun Yok

Bizimle çalışan markaların sitelerinde harita kaynaklı bir kota, bir anahtar yönetimi ya da bir sürpriz fatura yaşanmıyor. Şube bulucu kurarız, proje konum sayfası yaparız, bölgesel veriyi koroplet haritaya dökeriz; hiçbirinde müşterinin bir harita sağlayıcısına kaydolması, kredi kartı bağlaması ya da kota izlemesi gerekmez.

Bu, teknik bir detay gibi görünüp aslında ticari bir rahatlık. Müşteri, sitesi başarılı oldukça cezalandırılmıyor.

Yol Tarifinde Google Maps, Geri Kalanında Hitit Medya Maps

Burada dürüst bir mühendislik tercihi yaptık ve onu saklamıyoruz.

Yol tarifi, yani adım adım rota hesaplama, haritayı çizmekten tamamen ayrı bir iştir; kendi rota motorunu, trafik verisini ve navigasyon deneyimini gerektirir. Üstelik kullanıcı, telefonunda zaten kullandığı ve güvendiği uygulamayla yola çıkmak ister. Bu yüzden yaptığımız sitelerdeki "Yol tarifi al" butonları genellikle Google Maps linki verir. Kullanıcıyı zorlamıyoruz.

Ama haritanın kendisi, yani gösterim, gömme, stil, konum sayfaları, veri görselleştirme ve harici harita kaynaklarıyla ilgili tüm süreçler Hitit Medya Maps üzerinde çalışır. Doğru araç, doğru iş için.

Herkese Açık: Günde 10.000 Gösterime Kadar Ücretsiz

Kurduğumuz bu sistemi yalnızca kendi müşterilerimize saklamadık. Stil galerimiz herkese açık: hititmedya.com/osm adresinden 13 stilin canlı önizlemesini görebilir, embed kodunu ya da stil URL'sini kopyalayıp kendi sitenize koyabilirsiniz.

Adil kullanım politikamız net: günde 10.000 harita gösterimine kadar ücretsiz. Bir harita gösterimi, bir sayfada haritanın açılması demektir. Bunun üzerinde bir trafiğiniz varsa bizimle iletişime geçin, birlikte ölçeklendirelim. API anahtarı istemiyoruz, kredi kartı istemiyoruz, kayıt bile istemiyoruz. Tek koşulumuz, haritanın köşesindeki atfın görünür kalması.

Dört Mühendis, Global Bir Hedef

Bu altyapıyı Hitit Medya'nın dört kişilik yazılım mühendisi ekibi kurdu. Veri işleme hattından stil üretim scriptlerine, edge dağıtımından tarayıcı performansına kadar her katmanı kendimiz yazdık ve ölçtük.

Bunu yapmamızın sebebi sadece maliyet ya da tasarım değildi. En karmaşık harita tabanlı ürünleri kurabilecek yetkinliği içeride tutmak istedik. Bugün geldiğimiz noktada, konum yoğun bir emlak platformunu da, saha ekibi takip panelini de, turizm odaklı bir keşif deneyimini de kendi altyapımızla kurabiliyoruz.

Hedefimiz burada bitmiyor. Hitit Medya olarak sadece Türkiye'de değil, dünyada da referans gösterilen harita ve web ürünlerine imza atmak istiyoruz. Bu yazıyı okuduğunuz harita galerisi, o yolun ilk adımı.

Sıkça Sorulan Sorular

Kaynaklar