3D Alan Gezgini başlıyor

resim

Genel bakış

3D Alan Gezgini çözümü, konumları keşfetmeniz ve deneyimlemeniz için tamamen yeni bir yöntem sunuyor. Bu çözüm; büyüleyici, etkileşimli 3D ortamlar oluşturmak için Google Haritalar Platformu Fotogerçekçi 3D Tiles ve Places API'nin özelliklerinden yararlanır.

3D Alan Gezgini birden çok amaca hizmet edecek şekilde tasarlanmıştır:

  • Alan keşfini geliştirme: Kullanıcılar, yüksek derecede görsel ayrıntıyla mahalleleri sanal olarak keşfederek yerel özellikler ve önemli yerler hakkında fikir edinebilir.

  • Konuma dayalı anlatımları teşvik edin: ÖY'leri (önemli noktaları) zengin açıklamalarla ekleyebilme olanağı, kullanıcıları belirli konumlar hakkında eğiten ve bilgilendiren, anlatıma dayalı deneyimler oluşturulmasını sağlar.

  • Google Haritalar 3D özelliklerini kullanarak geliştirmeye 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 önemli 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. Bu tür içerikler aşağıdakileri kapsar:

  • 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.
  • Yerküreyle ilişkili kullanıcı etkileşimlerini, bu tür özellikler de dahilse işleme (kaydırma, yakınlaştırma, döndürme).

Fotogerçekçi 3D karonun 3D Karo oluşturucuyla nasıl çalışabileceğini öğrenin.

Temel Bileşenler

Uygulama, iki farklı uygulamaya bölünmüştür:

  • Yönetici Konsolu uygulaması
  • Demo uygulama

Bu diyagramda, iki uygulama arasındaki farklılıklar ve ilişkiye dair genel bir bakış sunulmaktadır:

resim

Her uygulamayı daha ayrıntılı şekilde araştırmanız yararlı olacaktır:

Yönetici Konsolu uygulaması

Bu uygulama, 3D deneyimini özelleştirmenizi sağlayan kullanıcı dostu bir arayüz sağlar:

  • Konum arama : Sergilemek istediğiniz alanı bulmak için entegre Google Haritalar Platformu Otomatik Tamamlama arama çubuğunu kullanın. Bir konum seçtiğinizde, kamera sorunsuz bir şekilde o alana gider.

  • Kamera: Seçilen görüntüleme deneyimini oluşturmak için kamera hareket hızını ve yörünge türünü ayarlayın.

  • Yerler (ÖY): Göstermek istediğiniz yoğunluğu, arama yarıçapını ve önemli yer türlerini (ör. restoranlar, kafeler, önemli noktalar) tanımlayın.

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

Burada, tüm 3D Alan Gezgini özelleştirmeleri özelleştirmelerinin ayrıntılı bir açıklaması bulunmaktadır.

Demo uygulama

Bu, Yönetici uygulamasında oluşturduğunuz yapılandırmayı yükleyen, kullanıcıya yönelik son uygulamadır. Bu etkileyici 3D ortamda kullanıcılar, seçili alanları ve vurguladığınız yerleri keşfedebilecek.

Yönetici uygulamasını kullanarak görünüm ve tarzınızı özelleştirdikten sonra yapılandırmayı indirebilir ve kaynak kodundan özel uygulamanızı ç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) arayıp keşfedebilirler.
  3. Kullanıcılar bir yer seçtikten sonra o konumla ilgili ayrıntılı bilgileri veya anlatıları görüntüleyebilir.

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

  5. Kameranın, seçilen alanın merkezi çevresinde otomatik olarak dönmesine olanak tanıyan otomatik döndürme etkinleştirilir.

Ö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 kullanarak, http-server)
    • Statik web barındırma hizmeti (uygulama bir Dockerfile ile birlikte gelir)

Dağıtım seçeneklerinin ayrıntılı açıklamasını GitHub projesinin Benioku bölümünde 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 demo aşağıdaki mimariyi kullanır:

resim

  • Bu mimaride kod bir GitHub projesinde bulunur.
  • Cloud Build, herhangi bir ana aktarım işlemi sırasında kodu alır ve bir derleme işlemini tetikler.
  • Derlemenin parçası olarak API anahtarı ekler ve bir görüntü oluşturur. Bu görüntü daha sonra yapı kayıt defterinde depolanır.
  • Son olarak da Artifact kayıt defterinden Cloud çalıştırmaya en yeni kararlı görüntüyü dağıtır.
  • Dağıtılan uygulamaların durumunu kontrol etmek için bazı durum denetimleri ve izleme çalışmalarımız da devam ediyor.

Fatura bilgileri

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

Google Haritalar Platformu - 3D Parçalar API'si:

Storytelling çözümü, coğrafi verilerle görsel deneyimi geliştirmek için 3D Tiles API'yi kullanır. 3D Tiles API ile ilgili fiyatlandırma ayrıntıları için Google Haritalar Platformu - 3D Tiles API Fiyatlandırması'na bakın.

Google Haritalar Platformu - Yerler API'si:

Places API, konum tabanlı veriler için kullanılarak hikaye anlatma deneyimine zengin bilgiler ekler. Google Places API'yle ilişkili maliyetleri anlamak için Google Maps Platform - Places API Fiyatlandırması sayfasını ziyaret edin.

Google Haritalar Platformu - Otomatik Tamamlama API'si:

Otomatik tamamlama özelliği, kullanıcı etkileşimini geliştirir. Google Haritalar Otomatik Tamamlama API'si ile ilgili fiyatlandırma bilgileri için lütfen Google Haritalar Platformu - Yerler Otomatik Tamamlama Fiyatlandırması sayfasını ziyaret edin.

CezumJS:

CesiumJS, 3D yerküre görselleştirmesi için kullanılır. CesiumJS'nin kendisi açık kaynak olsa da ek özelliklerin veya hizmetlerin kendi maliyetleri olabilir. Premium teklifler için CesiumJS Dokümanları'na 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 miktarda kullanım için ücretsiz bir katman sunduğunu ve fiyatlandırmayla ilgili özelliklerin istek sayısı ile 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 giderleri etkili bir şekilde yönetmek ve anlamak için bu hizmetler tarafından belirtilen hükümler ve koşullara uyduğunuzdan emin olun.

Sonuç

Bu belgede, 3D Alan gezgininin özellikleri, bileşenleri, kullanıcı deneyimi ve teknik gereksinimlerine genel bir bakış sunulmaktadır.

Google'ın Fotogerçekçi 3D Parçalar ve Places API'sinden yararlanan site, mahallelerin sanal olarak keşfedilmesini, önemli yerlerin keşfedilebilmesini ve yerel tarih hakkında bilgi edinilmesini sağlar.

Bir alanı sergilemek, keşfi iyileştirmek veya dijital hikaye anlatımını teşvik etmek için 3D Alan Gezgini, görsel olarak etkileyici bir platform sunar.

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