3D Alan Gezgini başlıyor

resim

Genel Bakış

3D Alan Gezgini çözümü, yerleri keşfetmenin ve deneyimlemenin tamamen yeni bir yolunu sunar. Bu çözüm, ilgi çekici ve etkileşimli 3D ortamlar oluşturmak için Google Haritalar Platformu Fotogerçekçi 3D Kartları ve Yerler API'sinin özelliklerinden yararlanır.

3D Alan Gezgini, birden fazla amaca hizmet edecek şekilde tasarlanmıştır:

  • Alan keşfini iyileştirin: Kullanıcılar, yüksek düzeyde görsel ayrıntıyla mahalleleri sanal olarak keşfedebilir, yerel özellikler ve simge yapılar hakkında bilgi edinebilir.

  • Konuma dayalı anlatıları tanıtın: Önemli yerleri (ÖY) zengin açıklamalarla bir araya getirme özelliği, kullanıcıları belirli konumlar hakkında bilgilendiren ve eğiten anlatı odaklı deneyimler oluşturmayı sağlar.

  • Google Haritalar 3D özelliklerini kullanarak gelişime ilham verme: Google'ın 3D harita verilerinin, sürükleyici ve etkileşimli haritalar oluşturma potansiyelini gösterir.

Başlarken:

Etkinleştir

Temel teknolojiler

Bu çözüm, iki temel teknoloji kullanılarak oluşturulmuştur:

Google Haritalar Platformu API'leri:

Bu deneyimi sunmak amacıyla temel haritayı ve verileri almak için Google Haritalar Platformu'ndan çeşitli API'leri kullanıyoruz:

  • Google Haritalar Fotogerçekçi 3D Karolar: Bina ve arazinin yüksek çözünürlüklü 3D modelleri, kentsel ortamların gerçekçi ve görsel açıdan ilgi çekici bir temsilini sağlar.
  • Places API: Uygulama, keşfedilen alandaki Önemli Yerler (ÖY) hakkında ayrıntılı bilgi belirleyip gösterebilir, böylece kullanıcı deneyimini yerel bilgilerle zenginleştirebilir.
  • Otomatik tamamlama, kullanıcıların belirli konumları veya ilgi alanlarını aramasına yardımcı olur.

CesiumJS

CesiumJS, yüksek çözünürlüklü 3D yerküreyi oluşturmaktan ve görüntülemekten sorumludur. Bina ve arazinin 3D örgü modeli sağlayan, Google'ın Fotogerçekçi 3D Karolarının yüklenmesini ve görselleştirilmesini üstlenir.

Kamera Yönetimi: CesiumJS, kameranın konumunu, yönünü ve hareketini kontrol eden araçlar sağlar. Bunlardan bazıları:

  • Uygulama yüklendikten sonra, belirtilen mahalleye odaklanılacak ilk bakış açısının ayarlanması.
  • Keşif için otomatik yörünge animasyonlar gibi dinamik kamera hareketleri uygulama
  • Bu tür özellikler dahil edilmişse kullanıcının yerküreyle etkileşimlerini işleme (kaydırma, yakınlaştırma, döndürme).

Gerçekçi fotoğraf 3B parçaların 3D parça oluşturma aracıyla nasıl çalışabileceğini öğrenin.

Temel Bileşenler

Uygulama iki farklı uygulamaya ayrılmıştır:

  • Yönetici uygulaması
  • Demo uygulama

Bu diyagramda, iki uygulama arasındaki farklara ve korelasyona genel bir bakış sunulmaktadır:

resim

Her uygulamayı daha ayrıntılı incelemek faydalı olacaktır:

Yönetici Konsolu uygulaması

Bu uygulama, 3D deneyimi özelleştirmenize olanak tanıyan kullanıcı dostu bir arayüz sunar:

  • Konum arama : Göstermek istediğiniz alanı bulmak için entegre Google Haritalar Platformu otomatik tamamlama arama çubuğunu kullanın. Bir konum seçtiğinizde kamera o bölgeye sorunsuz bir şekilde uçar.

  • Kamera: Seçtiğiniz izleme deneyimini oluşturmak için kamera hareket hızını ve yörünge türünü ayarlayın.

  • Yerler (ÖY): Öne çıkarmak istediğiniz ilgi çekici yerlerin yoğunluğunu, arama yarıçapını ve türlerini (ör. restoranlar, kafeler, simge yapılar) tanımlayın.

Son kullanıcılarınıza özel deneyimi özelleştirmek için bu uygulamayı kullanın.

Tüm özelleştirmelerin ayrıntılı açıklaması 3D Alan Gezgini özelleştirmeleri bölümünde verilmiştir.

Demo uygulama

Bu, Yönetici uygulamasında oluşturduğunuz yapılandırmayı yükleyen, kullanıcılara yönelik nihai uygulamadır. Kullanıcılar bu sürükleyici 3D ortamda, seçili alanları keşfedebilir ve vurguladığınız yerleri keşfedebilir.

Yönetici uygulamasını kullanarak görünüm ve tarzınızı özelleştirdikten sonra yapılandırmayı indirebilir ve özel uygulamanızı kaynak koddan çalıştırabilirsiniz.

Kullanıcı Deneyimi

resim

Uygulamanın temel özelliklerinden bazıları şunlardır:

  1. Kullanıcılar binalar, önemli noktalar ve araziler de dahil olmak üzere bir alanı 3D olarak etkileşimli olarak keşfedebilirler.
  2. Kullanıcılar yakındaki yerleri (ör. müzeler, parklar, restoranlar) arayabilir ve keşfedebilir.
  3. Kullanıcılar bir yer seçtikten sonra, ilgili yerle ilgili ayrıntılı bilgileri veya anlatıları görüntüleyebilir.

  4. Geliştiriciler, ayarlar ve kontroller (Yönetici uygulaması kullanılıyorsa) aracılığıyla keşif deneyimlerini kişiselleştirebilir.

  5. Otomatik döndürme etkinleştirilir. Böylece kamera, seçilen alanın merkezi etrafında otomatik olarak döner.

Ön koşullar

  1. Google Haritalar API Anahtarı: Aşağıdaki API'lerin etkinleştirildiği geçerli bir API anahtarı gerekir:

  2. Web Sunucusu: Uygulamayı şunlardan birini yaparak sunabilirsiniz:

    • Yerel bir web sunucusu (ör. Node.js, http-server kullanarak)
    • Statik web barındırma hizmeti (uygulama bir Dockerfile ile birlikte gelir)

GitHub projesinin readme bölümünde dağıtım seçeneklerinin ayrıntılı açıklamasını bulabilirsiniz.

Dağıtım

Uygulamayı GKE veya GAE gibi herhangi bir container ortamında düğüm uygulaması ya da Docker container'ı olarak dağıtabilirsiniz. Barındırılan demoda aşağıdaki mimari kullanılır:

resim

  • Bu mimaride kod, bir GitHub projesinde bulunur.
  • Cloud Build, ana dala her kod aktarma işleminde kodu alır ve bir derleme işlemini tetikler.
  • Derleme işleminin bir parçası olarak API anahtarını ekler ve daha sonra yapı kayıt defterinde depolanan bir görüntü oluşturur.
  • Son olarak, Artifact Registry'deki en son kararlı görüntüyü Cloud Run'a dağıtır.
  • Ayrıca, dağıtılan uygulamaların durumunu kontrol etmek için bazı durum kontrolleri ve izleme işlemleri de gerçekleştiririz.

Fatura bilgileri

3D Alan Gezgini çözümü, etkileyici ve dinamik bir deneyim sunmak için Google Haritalar Platformu hizmetlerini kullanır. Bazı API'ler ücretli olabilir. API'lere genel bakış ve fiyatlandırma bağlantılarını aşağıda bulabilirsiniz.

Google Haritalar Platformu - 3D Tiles API:

Hikaye Anlatma çözümü, coğrafi verilerle görsel deneyimi iyileştirmek için 3D Karolar API'sini kullanır. 3D Tiles API ile ilgili fiyatlandırma ayrıntıları için Google Haritalar Platformu - 3D Tiles API Fiyatlandırması başlıklı makaleyi inceleyin.

Google Haritalar Platformu - Places API:

Konum API'si, konuma dayalı veriler için kullanılır ve hikaye anlatma deneyimine zengin bilgiler ekler. Google Places API ile ilişkili maliyetleri anlamak için Google Haritalar Platformu - Places API Fiyatlandırması sayfasını ziyaret edin.

Google Haritalar Platformu - Autocomplete API:

Otomatik tamamlama özelliği, kullanıcı etkileşimini artırır. Google Haritalar Autocomplete API ile ilgili fiyatlandırma ayrıntıları için lütfen Google Haritalar Platformu - Yerler Autocomplete Fiyatlandırması sayfasını ziyaret edin.

CesiumJS:

3D küre görselleştirme için CesiumJS kullanılır. CesiumJS'nin kendisi açık kaynak olsa da ek özelliklerin veya hizmetlerin kendi maliyetleri olabilir. Premium teklifler için CesiumJS belgelerine bakın.

Ücretler kullanıma göre ayrı ayrı belirlendiğinden, ilgili API'lerin fiyatlandırma ayrıntılarını incelemek önemlidir. Google Haritalar Platformu'nun belirli bir miktarda ücretsiz kullanım sunan ücretsiz bir katman sunduğunu ve fiyatlandırma ayrıntılarının istek sayısı ve kullanım bölgesi gibi faktörlere göre değişebileceğini unutmayın.

Google Haritalar Platformu ve CesiumJS kullanım maliyetleri hakkında en doğru ve güncel bilgiler için her zaman resmi fiyatlandırma sayfalarına bakın. İlgili harcamaları etkili bir şekilde yönetmek ve anlamak için bu hizmetlerin belirttiği hükümler ve koşullara uyduğunuzdan emin olun.

Sonuç

Bu belgede, 3D Alan Gezgini'nin özellikleri, bileşenleri, kullanıcı deneyimi ve teknik gereksinimleri hakkında genel bilgiler verilmektedir.

Google'ın fotogerçekçi 3D karolarından ve Places API'den yararlanan bu uygulama, mahalleleri sanal olarak keşfetmenize, ilgi çekici yerleri bulmanıza ve yerel tarih hakkında bilgi edinmenize olanak tanır.

3D Alan Gezgini, bir alanı sergilemek, keşfi geliştirmek veya dijital hikaye anlatımını tanıtmak için görsel açıdan etkileyici bir platform sunar.

İlgi çekici ve bilgilendirici bir 3D deneyim oluşturmak için denemeyi deneyin ve Yönetici uygulamasını kullanarak özelleştirin.