3D Alan Gezgini'ni kullanmaya başlama

resim

Genel Bakış

3D Alan Gezgini çözümü, konumları keşfetmek ve deneyimlemek için tamamen yeni bir yol sunar. Bu çözüm, büyüleyici ve etkileşimli 3D ortamlar oluşturmak için Google Haritalar Platformu Fotogerçekçi 3D Döşemeler ve Places API'nin özelliklerinden yararlanır.

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

  • Bölge keşfini iyileştirme: Kullanıcılar, yüksek düzeyde görsel ayrıntı ile çevreleri sanal olarak keşfedebilir, yerel özellikler ve önemli noktalar hakkında bilgi edinebilir.

  • Konuma dayalı hikayeleri tanıtın: Zengin açıklamalarla ÖY'leri (Önemli Yerler) dahil etme özelliği, kullanıcılara belirli konumlar hakkında bilgi veren ve onları eğiten, hikayeye dayalı deneyimler oluşturulmasını sağlar.

  • Google Haritalar'ın 3D özelliklerini kullanarak geliştirmeye ilham verin: Google'ın 3D harita verilerinin, etkileyici 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'ndan çeşitli API'ler kullanırız:

  • Google Haritalar Gerçekçi Fotoğraf 3B Parçalar: Binaların ve arazilerin yüksek çözünürlüklü 3D modelleri, kentsel ortamların gerçekçi ve görsel olarak ilgi çekici bir temsilini sunar.
  • Places API: Uygulama, keşfedilen alan içindeki ilgi çekici yerler (İÇY) hakkında ayrıntılı bilgileri belirleyip gösterebilir ve yerel bilgilerle kullanıcı deneyimini zenginleştirebilir.
  • Otomatik tamamlama, kullanıcıların belirli konumları veya ilgi alanlarını aramasına yardımcı olur.

CesiumJS

Yüksek çözünürlüklü 3D dünya görüntüsünün oluşturulması ve gösterilmesinden CesiumJS sorumludur. Binaların ve arazilerin 3D ağ modelini sağlayan Google'ın Gerçekçi 3D Döşemelerinin yüklenmesini ve görselleştirilmesini sağlar.

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

  • Uygulama yüklendiğinde başlangıçtaki 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 varsa küreyle kullanıcı etkileşimlerini işleme (kaydırma, yakınlaştırma, döndürme).

Gerçekçi fotoğraf 3B parçaların 3B parçalar oluşturucuyla nasıl çalışabileceğini öğrenin.

Temel Bileşenler

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

  • Yönetici uygulaması
  • Demo uygulaması

Bu diyagramda, iki uygulama arasındaki farklar ve korelasyonla ilgili 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 sorunsuz bir şekilde o alana uçar.

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

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

Son kullanıcılarınızın deneyimini özelleştirmek için bu uygulamayı kullanın.

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

Demo uygulaması

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

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

Kullanıcı Deneyimi

resim

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

  1. Kullanıcılar, binalar, simge yapılar ve arazi dahil olmak üzere bir alanı 3D olarak etkileşimli bir şekilde keşfedebilir.
  2. Kullanıcılar yakındaki yerleri (ör. müze, park, restoran) arayabilir ve keşfedebilir.
  3. Kullanıcılar bir yer seçtikten sonra bu konumla ilgili ayrıntılı bilgileri veya açıklamaları görüntüleyebilir.

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

  5. Otomatik döndürme etkinleştirildiğinde kamera, seçilen alanın merkezi etrafında otomatik olarak dönebilir.

Ön koşullar

  1. Google Maps 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ı şu kaynaklardan yayınlayabilirsiniz:

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

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

Dağıtım

Uygulamayı GKE veya GAE gibi herhangi bir kapsayıcı ortamında düğüm uygulaması ya da Docker kapsayıcısı olarak dağıtabilirsiniz. Barındırılan demo aşağıdaki mimariyi kullanır:

resim

  • Bu mimaride kod, bir GitHub projesinde bulunur.
  • Cloud Build, ana işleme yapılan her göndermede kodu alır ve bir derleme işlemini tetikler.
  • Derleme kapsamında API anahtarı eklenir ve bir görüntü oluşturulur. Bu görüntü daha sonra yapay ürün kayıt defterinde saklanır.
  • 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 denetimleri ve izleme işlemleri de yapıyoruz.

Fatura bilgileri

3D Alan Gezgini çözümü, Google Haritalar Platformu hizmetlerini kullanarak etkileyici ve dinamik bir deneyim sunar. Bazı API'ler için ücret alınabilir. 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 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ı başlıklı makaleyi inceleyin.

Google Haritalar Platformu - Places API:

Konuma dayalı veriler için Places API kullanılır ve hikaye anlatımı deneyimine zengin bilgiler eklenir. Google Places API ile ilişkili maliyetleri anlamak için Google Haritalar Platformu - Places API Fiyatlandırması'nı ziyaret edin.

Google Haritalar Platformu - Autocomplete API:

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

CesiumJS:

3D dünya görselleştirmesi için CesiumJS kullanılır. CesiumJS'nin kendisi açık kaynaklı olsa da ek özellikler veya hizmetlerin kendi maliyetleri olabilir. Tüm premium teklifler için CesiumJS Belgeleri'ne bakın.

Ücretler kullanıma göre ayrı ayrı belirlendiğinden her API'nin fiyatlandırma ayrıntılarını incelemek çok önemlidir. Google Haritalar Platformu'nun belirli bir kullanım miktarı için ücretsiz katman sunduğunu ve fiyatlandırma ayrıntılarının istek sayısı ve kullanım bölgesi gibi faktörlere bağlı olarak değişebileceğini unutmayın.

Google Haritalar Platformu ve CesiumJS kullanım maliyetleriyle ilgili 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 belirlediğ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 koşulları hakkında genel bilgiler verilmektedir.

Google'ın fotogerçekçi 3D döşemelerinden ve Places API'den yararlanarak mahallelerin sanal olarak keşfedilmesini, ilgi çekici yerlerin bulunmasını ve yerel tarih hakkında bilgi edinilmesini sağlar.

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

Etkileşimli ve bilgilendirici bir 3D deneyim oluşturmak için demoyu deneyin ve Yönetici uygulamasını kullanarak özelleştirin.