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 Gerçekçi Fotoğraf 3B Parçalar 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, mahalleleri sanal olarak yüksek düzeyde görsel ayrıntıyla keşfedebilir, yerel özellikler ve önemli noktalar hakkında bilgi edinebilir.

  • Konuma dayalı anlatımları teşvik edin: Önemli yerleri zengin açıklamalarla birleştirme özelliği, kullanıcıları belirli konumlar hakkında eğiten ve bilgilendiren anlatıma dayalı deneyimler oluşturulmasını sağlar.

  • Google Haritalar'ın 3D özelliklerini kullanarak geliştirme çalışmalarına ilham verme: 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 Google Haritalar Platformu'ndaki çeşitli API'lerden alırız:

  • Google Haritalar Gerçekçi Fotoğraf 3B Parçalar: Binaların ve arazilerin yüksek çözünürlüklü 3B modelleri, kentsel ortamların gerçekçi ve görsel olarak ilgi çekici bir temsilini sunar.
  • Places API: Uygulama, keşfedilen bölgedeki önemli yerleri (ÖY) tanımlayıp bunlarla ilgili ayrıntılı bilgileri göstererek 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

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 etmenizi sağlayan araçlar sunar. Bunlardan bazıları:

  • Uygulama yüklendiğinde belirtilen mahalleye odaklanmak için ilk bakış açısını 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 korelasyon genel hatlarıyla gösterilmektedir:

resim

Her uygulamayı daha ayrıntılı incelemek 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 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 önemli yerlerin (ör. restoranlar, kafeler, önemli yerler) 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 (3D Alan Gezgini özelleştirmeleri) ayrıntılı açıklaması yer alı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 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ü ö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, önemli noktalar ve arazi dahil olmak üzere bir bölgeyi 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. Kullanıcılar bir yer seçtikten sonra o konumla ilgili ayrıntılı bilgileri veya anlatımları 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. Bu sayede 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ınız olmalıdır:

  2. Web sunucusu: Uygulamayı şunlardan birinden sunabilirsiniz:

    • 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 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, ana dala yapılan her push işleminde kodu alır ve bir derleme işlemi tetikler.
  • Derleme kapsamında API anahtarı ekler ve bir görüntü oluşturur. Bu görüntü daha sonra Artifact Registry'de 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 çalıştırıyoruz.

Fatura bilgileri

3D Area Explorer çö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 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 Maps Platform - Places API:

Places API, konuma dayalı veriler için kullanılır ve hikaye anlatımı 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 Haritalar Autocomplete API ile ilgili fiyatlandırma ayrıntıları için lütfen Google Haritalar Platformu - Yer Adı Otomatik Tamamlama Fiyatlandırması sayfasını ziyaret edin.

CesiumJS:

3D dünya görselleştirmesi için CesiumJS kullanılır. CesiumJS açık kaynaklı bir platform olsa da ek özellikler veya hizmetler için ücret ödemeniz gerekebilir. Premium teklifler için CesiumJS belgelerine bakın.

Ücretler kullanıma göre ayrı ayrı belirlendiğinden her bir API'nin fiyatlandırma ayrıntılarını incelemek çok önemlidir. Google Haritalar Platformu'nun belirli bir kullanım miktarını ücretsiz olarak sunan bir Ücretsiz Katmanı olduğunu ve fiyatlandırma ayrıntılarının 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ına bakın. İlgili masrafları etkili bir şekilde yönetmek ve anlamak için bu hizmetlerin belirttiğ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'sinden 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 etkileyici bir platform sunar.

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