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, ilgi çekici 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 amaçla kullanılmak üzere tasarlanmıştır:

  • Bölge keşfini geliştirme: Kullanıcılar, mahalleleri yüksek düzeyde görsel ayrıntıyla 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, hikaye odaklı deneyimler oluşturulmasını sağlar.

  • Google Haritalar'ın 3D özelliklerini kullanarak geliştirmeye ilham verin: Bu örnekte, Google'ın 3D harita verilerinin etkileyici ve etkileşimli haritalar oluşturma potansiyeli gösteriliyor.

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'daki 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 önemli yerler 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

CesiumJS, yüksek çözünürlüklü 3D dünya küresinin oluşturulmasından ve gösterilmesinden sorumludur. Binaların ve arazilerin 3D ağ modelini sağlayan Google'ın fotogerç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 (kaydırma, yakınlaştırma, döndürme) kullanıcıların küreyle etkileşimlerini işleme.

Gerçekçi fotoğraf 3B parçanı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ı bir şekilde incelemeniz faydalı olacaktır:

Yönetici uygulaması

Bu uygulama, 3D deneyimini ö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 bölgeye 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 bölümünde yer almaktadır.

Demo uygulaması

Bu, Yönetici uygulamasında oluşturduğunuz yapılandırmayı yükleyen, kullanıcıya yönelik nihai uygulamadır. Bu sürükleyici 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üzeler, parklar, restoranlar) arayabilir ve keşfedebilir.
  3. Bir yer seçtikten sonra kullanıcılar, 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ıyorsanız) 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 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ı şu kaynaklardan sunabilirsiniz:

    • Yerel bir web sunucusu (ör. Node.js, http-server kullanılarak)
    • Statik web barındırma hizmeti (uygulamayla birlikte 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 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 yapılan her aktarma işleminde kodu alır ve bir derleme işlemi tetikler.
  • Derleme kapsamında API anahtarını yerleştirir ve bir görüntü oluşturur. Bu görüntü daha sonra yapay ürün kayıt defterinde depolanı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ü, eksiksiz 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ışı aşağıda bulabilirsiniz.

Google Haritalar Platformu - 3D Tiles API:

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ı sayfasına bakın.

Google Haritalar Platformu - Places API:

Places API, 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ı'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 hizmetler kendi maliyetlerine sahip olabilir. Tüm premium teklifler için CesiumJS Belgeleri'ne bakın.

Ücretler kullanıma göre ayrı ayrı belirlendiğinden, ilgili 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. İlişkili harcamaları etkili bir şekilde yönetmek ve anlamak için bu hizmetlerin şartlar ve koşullarına 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 döşemelerinden ve Places API'den yararlanarak mahallelerin sanal olarak keşfedilmesini, önemli noktaların bulunmasını ve yerel tarih hakkında bilgi edinilmesini sağlar.

3D Alan Gezgini; bir alanı sergileme, keşfi geliştirme veya dijital hikaye anlatımını destekleme gibi amaçlar için görsel açıdan etkileyici bir platform sunar.

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