Roadith Haritalar

Gezi Planlayıcısı ve Rota Haritası

Genel Bakış

Roadith Haritalar, Roadith içindeki coğrafi deneyim katmanıdır ve kullanıcıları seyahat hikayelerini görsel olarak keşfetme, planlama, belgeleme ve paylaşma konusunda güçlendirmek için tasarlanmıştır. Google Maps Platform'un esnekliğini işbirlikçi düzenleme, medya açısından zengin gezi temsili ve maliyet etkin içerik oluşturma için özel yapılmış katmanlarla birleştirir.

Sadece bir planlayıcı olarak değil, aynı zamanda bir keşif ve hikaye anlatma aracı olarak inşa edilen Roadith Haritalar, yeni bir seyahat ilham biçimini mümkün kılar—insanların açık kaynak güzergahlar gibi başkalarının gezilerini takip edip yeniden düzenleyebildiği.

Proje Hedefleri

  • Hem planlama hem de sosyal keşif için etkileşimli ve düzenlenebilir bir harita arayüzü sunmak.
  • Kullanıcıların konumları medya ve ipuçlarıyla açıklama yapmasına olanak tanıyan inceleme tabanlı hikaye anlatımını etkinleştirmek.
  • Yapılandırılmış "Geziyi Kopyala" özelliği aracılığıyla gezi paylaşımını ve yeniden kullanımını teşvik etmek.
  • Google Maps kullanımını optimize ederek ve mümkün olduğunda pahalı uç noktaları atlayarak harita ile ilgili maliyetleri azaltmak.
  • Gerçek dünya seyahat içeriğinin (örn. YouTube vlogları) doğrudan platformda düzenlenebilir, günlük güzergahlara çevrilmesine olanak tanımak.

Temel Özellikler

Çok Günlük Rota Planlama

Her gün renk kodlu ve harita üzerinde görselleştirilen günlük rotalar planlayın.

Medyalı Konum İncelemeleri

Her yer için deneyim tabanlı incelemeler yazın, bağlam, notlar ve fotoğraflar ekleyin.

Gezi Kopyalama Mekanizması

İçerik oluşturuculardan mevcut gezileri rotalar, notlar ve açıklamalar dahil olmak üzere kopyalayın.

İşbirlikçi Düzenleme

Esnek grup planlaması için arkadaşları gerçek zamanlı olarak gezileri birlikte düzenlemeye davet edin.

Fotoğraf Katmanı (Genel Görüntü Kazıma)

Başsız bir tarayıcı, pahalı API'lerden kaçınarak imgproxy aracılığıyla işlenen ve önbelleğe alınan genel medyayı kazır.

Harita Tabanlı Keşif

Tıklanabilir rotalar ve ayrıntılarla etkileşimli haritalar aracılığıyla genel gezileri göz atın ve filtreleyin.

Teknoloji Yığını

Ön Yüz

React logoReact
Next.js logoNext.js
Tailwind CSS logoTailwind CSS
Google Maps API logoGoogle Maps API
Headless UI logoHeadless UI

Arka Uç

Node.js logoNode.js
Express.js logoExpress.js
Redis logoRedis
MongoDB logoMongoDB
Socket.io logoSocket.io
Puppeteer logoPuppeteer

Altyapı ve Diğerleri

Docker logoDocker
Elasticsearch logoElasticsearch
JWT logoJWT
Prometheus logoPrometheus
Kibana logoKibana
Inversify
Google Cloud logoGoogle Cloud
DigitalOcean logoDigitalOcean
imgproxy logoimgproxy
AWS S3 logoAWS S3

Test

vitest logovitest
Playwright logoPlaywright

Zorluklar ve Öğrenilenler

  • API Maliyet Optimizasyonu: Google Maps'in Place Photo API'si aşırı pahalıydı. Yer meta verilerine dayalı genel görüntüleri çeken, verimli bir şekilde filtrelenen ve önbelleğe alınan bir kazıma hattı entegre ederek çözüldü.
  • Gezi Yeniden Düzenleme Tasarımı: Gezi Kopyalama sistemini oluşturmak, orijinal bağlamı (notlar, günler, yerler) korurken yeni kullanıcılar için düzenlenebilir hale getirmek için düşünceli veri modelleme gerektirdi.
  • Harita Stillendirme ve Kaplama Yönetimi: Daha özelleştirilebilir bir UX simüle etmek için dinamik elemanları (çoklu çizgiler, işaretçiler, bilgi kutuları) katmanlayarak Google Maps'in stillendirme kısıtlamalarını aştı.
  • İnceleme ve Medya Senkronizasyonu: Yer incelemelerinin, notların ve medyanın bağlam farkında olmasını ve coğrafi işaretçilere doğru şekilde bağlanmasını sağladı, hassas konum çözümlemesi ve geri dönüş mantığı gerektirdi.

Sonuç

Roadith Haritalar, Roadith platformunun etkileşimli kalbi haline geldi:

  • Ayrıntılı konum incelemeleri ve medya ekleri aracılığıyla kullanıcı ifadesini geliştirdi.
  • İçerik yeniden kullanımını teşvik etti, yeni oluşturulan gezilerin %30'u kopyalanmış bir şablondan başladı.
  • Görsel kaliteden ödün vermeden özellikle görüntüler için API maliyetlerini büyük ölçüde azalttı.
  • Influencer/vlogger gezilerini düzenlenebilir güzergahlara dönüştürerek planlamayı basitleştirdi.
  • Yeniden kullanılabilir harita modülleri artık profil haritaları ve kişiselleştirilmiş akış görselleri gibi diğer Roadith özelliklerini destekliyor.