Genel Bakış
3D Area Explorer çö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 Bölge Gezgini, birden fazla amaca hizmet edecek şekilde tasarlanmıştır:
Bölge keşfini iyileş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ı anlatımları teşvik edin: ÖY'leri (Önemli yerler) 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ü 3D modelleri, kentsel ortamların gerçekçi ve görsel açıdan 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
CesiumJS, yüksek çözünürlüklü 3D küreyi oluşturmaktan ve görüntülemekten sorumludur. Binaların ve arazinin 3D mesh modelini sağlayan Google'ın Gerçekçi Fotoğraf 3B Parçalar'ının yüklenmesini ve görselleştirilmesini yönetir.
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 kullanıcının dünya ile etkileşimlerini (kaydırma, yakınlaştırma, döndürme) işleme.
Gerçekçi Fotoğraf 3B Parçaların 3B Parça oluşturucuyla nasıl çalıştığını öğ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:
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 noktalar) 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.
Las Vegas Strip çevresindeki turistik yerlerin yoğun bir görünümünü inceleyin.
Şimdi Las Vegas'ı yüksek hızlı sinüzoidal kamera yoluyla keşfedin
Tüm önemli turistik yerleriyle Büyük Kanyon'u keşfedin.
Tüm özelleştirmelerin ayrıntılı bir açıklaması 3D Area Explorer özelleştirmeleri bölümünde yer alır.
Demo uygulaması
Bu, yönetici uygulamasında oluşturduğunuz yapılandırmayı yükleyen, kullanıcılara yönelik son uygulamadır. Kullanıcılar bu etkileyici 3D ortamda seçilen alanları keşfedebilir ve vurguladığınız yerleri görebilir.
Yönetici uygulamasını kullanarak görünümü ve tarzı özelleştirdikten sonra yapılandırmayı indirebilir ve özel uygulamanızı kaynak kodundan çalıştırabilirsiniz.
Kullanıcı Deneyimi
Uygulamanın temel özelliklerinden bazıları şunlardır:
- Kullanıcılar binalar, önemli yerler ve arazi dahil olmak üzere bir bölgeyi 3D olarak etkileşimli bir şekilde keşfedebilir.
- Kullanıcılar yakındaki yerleri (ör. müzeler, parklar, restoranlar) arayabilir ve keşfedebilir.
Kullanıcılar bir yer seçtikten sonra o konumla ilgili ayrıntılı bilgileri veya anlatımları görüntüleyebilir.
Geliştiriciler, ayarlar ve kontroller aracılığıyla (Yönetici uygulamasını kullanıyorlarsa) keşif deneyimlerini kişiselleştirebilir.
Otomatik döndürme etkinleştirildi. Bu sayede kamera, seçilen alanın merkezi etrafında otomatik olarak dönebilir.
Ön koşullar
Google Maps API anahtarı: Aşağıdaki API'lerin etkinleştirildiği geçerli bir API anahtarına ihtiyacınız vardır:
Web sunucusu: Uygulamayı şunlardan birinden sunabilirsiniz:
- Yerel bir web sunucusu (ör. Node.js, http-server kullanan)
- Statik bir web barındırma hizmeti (uygulama bir Dockerfile ile birlikte gelir)
Dağıtım seçeneklerinin ayrıntılı açıklamasını GitHub projesinin benioku 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:
- 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ı aşağıda verilmiştir.
Google Haritalar Platformu - 3D Tiles API
3D Area Explorer çözümü, coğrafi verilerle görsel deneyimi iyileş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
Places API, konuma dayalı veriler için kullanılır ve 3D Bölge Gezgini deneyimine zengin bilgiler ekler. Google Places API ile ilişkili maliyetleri anlamak için Google Haritalar Platformu - Places API Fiyatlandırması sayfası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 - 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ı olsa da ek özellikler veya hizmetlerin kendi maliyetleri olabilir. Ücretli teklifler için CesiumJS belgelerine 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 miktarda ücretsiz kullanım 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 hükümler ve koşullarına uyduğunuzdan emin olun.
Sonuç
Bu dokümanda, 3D Area Explorer'ın özellikleri, bileşenleri, kullanıcı deneyimi ve teknik koşulları hakkında genel bilgiler verilmektedir.
Google'ın Gerçekçi Fotoğraf 3B Parçalar ve Places API'sini kullanan bu çözüm, mahallelerin sanal olarak keşfedilmesine, önemli yerlerin bulunmasına ve yerel tarih hakkında bilgi edinilmesine olanak tanır.
3D Bölge Gezgini, bir bölgeyi sergilemek, keşif deneyimini geliştirmek veya dijital hikaye anlatımını tanıtmak için görsel açıdan etkileyici bir platform sunar.
Demoyu deneyin ve ilgi çekici, bilgilendirici bir 3D deneyimi oluşturmak için yönetici uygulamasını kullanarak özelleştirin.