3D Alan Gezgini başlıyor

resim

Genel Bakış

3D Alan Gezgini çözümü, yeni alanları keşfedip keşfetmenizi ve deneyim konumları. Bu çözüm, Google Haritalar'ın özelliklerinden yararlanıyor Platform Fotogerçekçi 3B Kartlar ve Yerler API etkileşimli 3D ortamlar oluşturmak için kullanır.

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

  • Alan keşfini geliştirin: Kullanıcılar Yerel özellikler ve yerel özellikler hakkında bilgi edinme, yüksek derecede görsel ayrıntı önemli noktalardır.

  • Konuma dayalı anlatıları teşvik edin: ÖY'leri dahil etme olanağı (Önemli yerler) zengin açıklamalarla, şunların oluşturulmasını sağlar: belirli konularda kullanıcıları eğiten ve bilgilendiren anlatıya dayalı deneyimler yerler.

  • Google Haritalar 3D özelliklerini kullanarak gelişime ilham verin: Potansiyel müşterilerin Google'ın 3D haritalama verilerinin etkileyici, etkileşimli, etkileşimli haritalar

Başlarken:

Etkinleştir

Temel teknolojiler

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

Google Haritalar Platformu API'leri:

Temel haritayı ve verileri almak için Google Haritalar Platformu'ndan çeşitli API'ler kullanıyoruz. bu deneyimi oluşturun:

  • Google Haritalar Fotogerçekçi 3D Karolar: Binaların ve arazinin yüksek çözünürlüklü 3D modelleri, gerçekçi ve kentsel ortamların görsel açıdan ilgi çekici bir temsilidir.
  • Yerler API'si: Uygulama, Noktalar hakkında ayrıntılı bilgileri tanımlayıp gösterebilir: Keşfedilen alandaki ilgi (ÖY'ler) sayesinde kullanıcı deneyimini zenginleştiren yerel bilgiler.
  • Otomatik tamamlama kullanıcıların belirli konumlarda veya belirli bölgelerinde ilgi alanı.

CesiumJS

CesiumJS, yüksek çözünürlüklü 3D'nin oluşturulması ve görüntülenmesinden sorumludur yerküre. Google'ın Fotogerçekçi 3B sürümünün yüklenmesini ve görselleştirmesini Bina ve arazinin 3D örgü modeli sağlayan Karolar.

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

  • İlk bakış noktasını, belirtilen mahalleye odaklanılacak şekilde ayarlama en iyi uygulamaları paylaşacağız.
  • Otomatik yörünge gibi dinamik kamera hareketleri uygulamak animasyonları da içerir.
  • Yerküre ile kullanıcı etkileşimlerini işleme (bu tür özelliklerin dahil edilmesi durumunda) (kaydırma, yakınlaştırma, döndürme).

Fotogerçekçi 3D karoların nasıl 3D karo oluşturucuyla çalışın.

Temel Bileşenler

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

  • Yönetici Konsolu uygulaması
  • Demo uygulama

Bu diyagram, Google Haritalar'daki farklılıklar ve korelasyon arasındaki bunlar:

resim

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

Yönetici Konsolu uygulaması

Bu uygulama, kullanıcı dostu bir arayüz sunar. 3D deneyimi:

  • Konum arama : Entegre Google Haritalar Platformu Otomatik Tamamlama özelliğini kullanın arama çubuğunu kullanın. Bir kamera o bölgeye sorunsuz bir şekilde gider.

  • Kamera: Kameranın hareket hızını ve yörünge türünü ayarlayarak önerilen izleme deneyimi

  • Yerler (ÖY): Yoğunluğu, arama yarıçapını ve göstermek istediğiniz ilgi alanı (ör. restoranlar, kafeler, önemli noktalar)

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

Tüm özelleştirmelerin ayrıntılı bir açıklaması var 3D Alan Gezgini özelleştirmeleri.

Demo uygulama

Bu, kullandığınız yapılandırmayı yükleyen, kullanıcıya yönelik son uygulamadır. Yönetici uygulamasında oluşturulur. Bu etkileyici, 3D ortamda kullanıcılar tıklayın.

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

Kullanıcı Deneyimi

resim

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

  1. Kullanıcılar binalar da dahil olmak üzere bir alanı, etkileşimli olarak 3D olarak keşfedebilirler. ve araziyi gösterir.
  2. Kullanıcılar yakındaki yerleri (ör. müzeler, parklar, restoranlar).
  3. Kullanıcılar bir yer seçtikten sonra ayrıntılı bilgileri veya anlatıları görüntüleyebilir alakalı olabilir.

  4. Geliştiriciler, keşif deneyimini ayarlar ve denetimlerine (Yönetici Konsolu uygulamasını kullanıyorsanız) gidin.

  5. Kameranın kendi etrafında otomatik olarak dönmesine olanak tanıyan otomatik döndürme etkinleştirildi alanın merkezine girer.

Ön koşullar

  1. Google Haritalar API Anahtarı: Aşağıdaki API'lere sahip geçerli bir API anahtarı gerekir etkin:

  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çenekleriyle ilgili ayrıntılı açıklamayı benioku sayfasında bulabilirsiniz bölümünde bulabilirsiniz.

Dağıtım

Uygulamayı bir düğüm uygulaması veya Docker container'ı olarak dağıtabilirsiniz. GKE veya GAE. Barındırılan demo şunu kullanır: mimari:

resim

  • Bu mimaride kod bir GitHub projesinde bulunur.
  • Cloud Build, herhangi bir ana aktarma işleminde kodu alır ve bir derlemeyi tetikler işlemidir.
  • Derlemenin parçası olarak API anahtarı ekler ve daha sonra depolanan verileri içerir.
  • Son olarak da Artifact kayıt defterinden Cloud'a en yeni kararlı görüntüyü dağıtır run.
  • Ayrıca, Google Cloud'un genel durumunu kontrol etmek için sayısı da belirlenebilir.

Fatura bilgileri

3D Alan Gezgini çözümü, Google Haritalar Platformu hizmetlerini kullanarak etkileyici ve dinamik bir deneyim sunabilir. Bazı API'ler için ücret alınabilir. İşte genel bir bakış hakkında daha fazla bilgi edinin.

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

Hikaye Anlatma çözümü, görselleri geliştirmek için 3D Tiles API'yi kullanır deneyimim vardı. 3D Kartlarla ilgili fiyatlandırma ayrıntıları için API, Google Maps Platform - 3D Tiles API'ye bakın. Fiyatlandırma.

Google Haritalar Platformu - Yerler API'si:

Places API, konum tabanlı veriler için kullanılır ve verilerinize zengin bilgiler ekler. hikaye anlatımı deneyimidir. Google ile ilişkili maliyetleri anlamak için Places API,Google Haritalar Platformu'nu ziyaret edin - Places API Fiyatlandırma.

Google Haritalar Platformu - Otomatik Tamamlama API'si:

Otomatik tamamlama özelliği, kullanıcı etkileşimini geliştirir. Fiyatlandırma ayrıntıları için hakkında daha fazla bilgi için lütfen Google Maps Platform'u ziyaret edin. Yerler Otomatik Tamamlama Fiyatlandırma.

CezumJS:

CesiumJS, 3D yerküre için kullanılır görselleştirmeyi sağlar. CesiumJS'nin kendisi açık kaynak olsa da, hizmetlerin kendi maliyetleri olabilir. CesiumJS'ye bakın Tüm premium tekliflere ilişkin belgeler.

Ücret nedeniyle ilgili her API'nin fiyatlandırma ayrıntılarını incelemek önemlidir. kullanıma göre ayrı ayrı belirlenir. Google Haritalar Platformu'nun belirli miktarda ücretsiz kullanım ve fiyatlandırma sunan ücretsiz bir katman sunar. ayrıntılar istek sayısı ve kullanım şekli gibi faktörlere göre değişiklik gösterebilir. bölge.

En doğru ve güncel bilgiler için her zaman resmi fiyatlandırma sayfalarına bakın Google Haritalar Platformu ve CesiumJS kullanım maliyetleri hakkındaki bilgiler. Uygunluğu sağlama bu hizmetler tarafından belirlenen şartlar ve koşullara tabi olarak, etkili bir şekilde anlamaya yardımcı olur.

Sonuç

Bu belgede, 3D Alan gezgininin yeteneklerine, kullanıcı deneyimi ve teknik koşullar.

Google'ın Fotogerçekçi 3D Parçalar ve Places API'si sayesinde, bölgelerin sanal olarak keşfedilmesi, önemli yerlerin keşfedilmesi ve yerel tarih hakkında bilgi ediniyor.

Bir alanı sergilemek, keşfi iyileştirmek veya dijitali tanıtmak hikaye anlatımı olan 3D Alan Gezgini, görsel olarak etkileyici bir platform sunar.

Demoyu deneyin ve Yönetici uygulamasını kullanarak özelleştirerek ilgi çekici ve 3D deneyimi sunmak istiyoruz.