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, yerel özellikler ve simge yapılar hakkında bilgi edinerek mahalleleri yüksek düzeyde görsel ayrıntıyla sanal olarak keşfedebilir.

  • 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'ın 3D özelliklerini kullanarak geliştirmeye ilham verin: Bu örnek, 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 oluşturmak için temel haritayı ve verileri almak üzere Google Haritalar Platformu'ndaki çeşitli API'leri kullanırız:

  • Google Haritalar Gerçekçi Fotoğraf 3D Parçaları: Bina ve arazilerin yüksek çözünürlüklü 3D modelleri, şehir ortamlarının gerçekçi ve görsel açıdan ilgi çekici bir temsilini sağlar.
  • Places API: Uygulama, keşfedilen bölgedeki önemli yerler (ÖY) hakkında ayrıntılı bilgi belirleyip görüntüleyerek kullanıcı deneyimini yerel bilgilerle zenginleştirebilir.
  • Otomatik tamamlama, kullanıcıların belirli konumları veya ilgi çekici alanları aramalarına yardımcı olur.

CesiumJS

CesiumJS, yüksek çözünürlüklü 3D kürenin oluşturulmasından ve görüntülenmesinden sorumludur. Binaların ve arazinin 3D ağ modelini sağlayan Google'ın fotogerçekçi 3D karolarının yüklenmesini ve görselleştirilmesini yönetir.

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

  • Uygulama yüklendiğinde ilk bakış açısını, belirtilen mahalleye odaklanacak şekilde ayarlama.
  • 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 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ız için deneyimi özelleştirmek üzere 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 bulabilir.

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 yerler ve arazi dahil olmak üzere bir bölgeyi 3D olarak etkileşimli bir şekilde keşfedebilir.
  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ına ihtiyacınız vardır:

  2. Web sunucusu: Uygulamayı şuradan yayınlayabilirsiniz:

    • 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 node uygulaması veya 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ü, sürükleyici 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 açık kaynaklı 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ı incelemeniz ö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, önemli noktaları 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.