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.

1. 01

   Yönetilebilirlik

   Veriden stile, tile sunumundan önbelleğe kadar zincirin her halkası bizde. Bir sorun çıktığında sağlayıcının destek kuyruğunu beklemiyoruz.

2. 02

   Öngörülebilir maliyet

   İstek başına fatura yok. Trafiğin artması müşterimizin bütçesini sarsmıyor. Altyapı maliyeti sabit ve düşük.

3. 03

   Tasarım özgürlüğü

   Harita, sitenin yabancı bir dikdörtgeni değil, ürünün bir parçası. Marka paletiyle uyumlu, istediğimiz karakterde.

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.

Dışarıya Açtık: Lisanslı Bir Harita Hizmeti

Kurduğumuz bu sistemi yalnızca kendi müşterilerimize saklamadık. Stil galerimiz herkese açık: hititmedya.com/maps adresinden 13 stilin canlı önizlemesini görebilirsiniz. Haritaları kendi sitenizde kullanmak için ise alan adınızı lisanslıyoruz.

Lisans alan adınıza bağlıdır, size bir API anahtarı vermeyiz. Yani döndürmeniz gereken bir token, istemci kodunda sızacak bir sır ve başarılı bir lansmanı cezalandıran istek sayacı yoktur. Paketler ayda 19 dolardan başlar, aylık bir milyon gösterimin üzerinde markanıza özel harita stilini ekibimiz ek ücret almadan tasarlar. Tek teknik koşul, haritanın köşesindeki OpenStreetMap atfının görünür kalması.

Sitesini bizim yaptığımız çözüm ortaklarımız bu lisansın kapsamındadır, ayrıca ödeme yapmazlar.

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