3D Alan Gezgini başlıyor

resim

Genel bakış

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

3D Alan Gezgini, birden çok amaca hizmet etmek üzere tasarlanmıştır:

  • Bölge keşfini iyileştirin: Kullanıcılar, mahalleleri sanal olarak yüksek derecede görsel ayrıntıyla keşfedebilir, böylece yerel özellikler ve önemli noktalar hakkında bilgi edinebilir.

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

  • Google Haritalar'ın 3D özelliklerini kullanarak gelişime ilham verin: Google'ın 3D harita verilerinin yoğun ve etkileşimli haritalar oluşturma potansiyelini gösterir

Başlarken:

Etkinleştir

Önemli teknolojiler

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

Google Haritalar Platformu API'leri:

Bu deneyimi oluşturmak amacıyla temel haritayı ve verileri almak için Google Haritalar Platformu'ndaki çeşitli API'lerden yararlanıyoruz:

  • Google Haritalar Fotogerçekçi 3D Karolar: Binaların ve arazinin yüksek çözünürlüklü 3D modelleri, kentsel ortamların gerçekçi ve görsel olarak ilgi çekici temsilini sağlar.
  • Places API: Uygulama, keşfedilen alandaki Önemli Yerler hakkında ayrıntılı bilgiler tanımlayıp gösterebilir. Bu sayede kullanıcı deneyimini yerel bilgilerle zenginleştirebilirsiniz.
  • Otomatik tamamlama, kullanıcıların belirli konumları veya ilgi alanlarını aramalarına yardımcı olur.

CesiumJS

CesiumJS, yüksek çözünürlüklü 3D yerkürenin oluşturulmasından ve görüntülenmesinden sorumludur. Google'ın binaların ve arazinin 3D örgü modeli sağlayan Fotogerçekçi 3D Karoların yüklenmesini ve görselleştirilmesini sağlar.

Kamera Yönetimi: CesiumJS, kameranın konumunu, yönünü ve hareketini kontrol etmek için kullanabileceğiniz araçlar sağlar. Bu hizmet ve özellikler arasında aşağıdakiler bulunmaktadır:

  • Uygulama yüklendikten sonra ilk bakış açısını belirtilen mahalleye odaklanacak şekilde ayarlamak.
  • Keşif için otomatik yörünge animasyonları gibi dinamik kamera hareketleri uygulama.
  • Bu tür özellikler varsa yerküreyle kullanıcı etkileşimlerini ele alma (kaydırma, yakınlaştırma, döndürme).

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

Temel Bileşenler

Uygulama iki farklı uygulamaya ayrılır:

  • Yönetici uygulaması
  • Demo uygulama

Bu şema, iki uygulama arasındaki farklılıklara ve korelasyona genel bir bakış sunar:

resim

Her uygulamanın daha ayrıntılı bir şekilde araştırılması faydalı olur:

Yönetici uygulaması

Bu uygulama, 3D deneyimini özelleştirmenize olanak tanıyan 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'ler): Öne çıkarmak istediğiniz yoğunluğu, arama yarıçapını ve önemli yerlerin türlerini (ör. restoranlar, kafeler, önemli noktalar) tanımlayın.

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

3D Alan Gezgini özelleştirmelerinin tüm ö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şfedebilir.

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

Kullanıcı Deneyimi

resim

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

  1. Kullanıcılar binalar, önemli noktalar ve arazi gibi bir alanı etkileşimli olarak 3D olarak keşfedebilir.
  2. Kullanıcılar yakındaki yerleri (ör. müzeler, parklar, restoranlar) arayıp keşfedebilir.
  3. Bir yeri seçtikten sonra, kullanıcılar o konumla ilgili ayrıntılı bilgileri veya anlatımları görüntüleyebilir.

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

  5. Otomatik döndürme etkinleştirildiğinde kameranın seçilen alanın merkezi çevresinde otomatik olarak dönmesi sağlanır.

Ö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 olacaktır:

  2. Web Sunucusu: Uygulamayı şuradan sunabilirsiniz:

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

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

Dağıtım

Uygulamayı GKE veya GAE gibi herhangi bir container ortamında bir 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 dağıtımda kodu alır ve bir derleme işlemini tetikler.
  • Derlemenin bir 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, Artifact Registry'den en yeni kararlı görüntüyü Cloud Run'a dağıtır.
  • Ayrıca dağıtılan uygulamaların durumunu kontrol etmek için çalışan bazı durum denetimlerimiz ve izlememiz var.

Fatura bilgileri

3D Alan Keşfi çözümü, etkileyici ve dinamik bir deneyim sunmak için Google Haritalar Platformu hizmetlerini kullanır. Bazı API'ler için ücret alınabilir. Aşağıda, API'lerle ilgili genel bilgiler ve fiyatlandırma bağlantıları verilmiştir.

Google Haritalar Platformu - 3D Tiles API'si:

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

Google Haritalar Platformu - Places API:

Yerler API'si, konum tabanlı veriler için kullanılır ve hikaye anlatımı deneyimine zengin bilgiler katar. Google Places API ile ilişkili maliyetleri anlamak için Google Haritalar Platformu - Places API Fiyatlandırması sayfasını ziyaret edin.

Google Haritalar Platformu - Otomatik Tamamlama API'sı:

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

CesiumJS:

CesiumJS, 3D yerküre görselleştirme 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 Belgelerine 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 miktarda kullanım için ücretsiz bir katman sunduğunu ve fiyatlandırma özelliklerinin 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ını inceleyin. İlgili giderleri etkili bir şekilde yönetmek ve anlamak için bu hizmetlerde belirtilen şart ve koşullara uyduğunuzdan emin olun.

Sonuç

Bu belgede 3D Alan gezgininin özelliklerine, bileşenlerine, kullanıcı deneyimine ve teknik gereksinimlere genel bir bakış sunulmaktadır.

Google'ın Fotogerçekçi 3D Karolar'ı ve Places API'si sayesinde mahallelerin sanal olarak keşfedilmesini, önemli yerlerin keşfedilmesini ve yerel tarih hakkında bilgi edinilmesini sağlar.

Bir alanı sergilerken, keşfi geliştirerek veya dijital hikaye anlatımını teşvik ederken, 3D Area Explorer, görsel olarak etkileyici bir platform sunar.

Demoyu deneyin ve ilgi çekici ve bilgilendirici bir 3D deneyim oluşturmak için Yönetici uygulamasını kullanarak özelleştirin.