Ringkasan
Solusi Penjelajah Area 3D memberi Anda cara baru untuk menemukan dan lokasi pengalaman. Solusi ini memanfaatkan kemampuan Google Maps 3D Fotorealistik Platform Kartu dan Tempat API untuk menciptakan lingkungan 3D interaktif yang memikat.
Penjelajah Area 3D dirancang untuk memenuhi berbagai tujuan:
Meningkatkan eksplorasi area: Pengguna dapat menjelajahi lingkungan sekitar secara virtual dengan detail visual tingkat tinggi, mendapatkan wawasan tentang fitur lokal dan {i>landmark.<i}
Mempromosikan narasi berbasis lokasi: Kemampuan untuk menyertakan POI (Lokasi menarik) dengan deskripsi yang lengkap memungkinkan pembuatan pengalaman berbasis narasi yang mengedukasi dan menginformasikan pengguna tentang lokasi HTTP/HTTPS.
Menginspirasi pengembangan menggunakan kemampuan 3D Google Maps: Hal ini menunjukkan potensi data pemetaan 3D Google untuk membuat peta interaktif
Memulai:
Aktifkan
Teknologi utama
Solusi ini dibuat menggunakan dua teknologi utama:
API Google Maps Platform:
Kami menggunakan beberapa API dari Google Maps Platform untuk mendapatkan peta dasar dan data untuk membuat pengalaman ini:
- Ubin 3D Fotorealistik Google Maps: Model 3D bangunan dan medan beresolusi tinggi memberikan representasi yang menarik secara visual dari lingkungan perkotaan.
- Places API: Aplikasi dapat mengidentifikasi dan menampilkan informasi mendetail tentang Titik Minat (POI) dalam area yang dieksplorasi, memperkaya pengalaman pengguna dengan pengetahuan lokal.
- Pelengkapan Otomatis membantu pengguna mencari lokasi atau area tertentu dari minat tertentu.
CesiumJS
CesiumJS bertanggung jawab untuk merender dan menampilkan 3D resolusi tinggi di seluruh dunia. Aplikasi ini menangani pemuatan dan visualisasi 3D Fotorealistik Google Kartu, yang menyediakan model mesh 3D untuk bangunan dan medan.
Pengelolaan Kamera: CesiumJS menyediakan alat untuk mengontrol posisi, orientasi, dan gerakan. Hal ini mencakup:
- Menetapkan sudut pandang awal untuk berfokus pada lingkungan yang ditentukan memuat aplikasi.
- Menerapkan gerakan kamera dinamis, seperti orbit otomatis animasi untuk eksplorasi.
- Menangani interaksi pengguna dengan globe jika fitur tersebut disertakan (menggeser, memperbesar/memperkecil, memutar).
Pelajari cara kartu 3D Fotorealistik Bekerja dengan perender Kartu 3D.
Komponen Utama
Aplikasi ini dibagi menjadi dua aplikasi yang berbeda, yaitu:
- Aplikasi Admin
- Aplikasi demo
Diagram ini memberikan gambaran tentang perbedaan dan korelasi antara kedua aplikasi tersebut:
Sebaiknya selidiki lebih lanjut setiap aplikasi:
Aplikasi Admin
Aplikasi ini menyediakan antarmuka yang mudah digunakan yang memungkinkan Anda menyesuaikan pengalaman 3D:
Penelusuran lokasi : Menggunakan Autocomplete Google Maps Platform yang terintegrasi kotak penelusuran untuk menemukan area yang ingin ditampilkan. Setelah Anda memilih lokasi, kamera akan terbang ke area tersebut dengan lancar.
Kamera: Menyesuaikan kecepatan gerakan kamera dan jenis orbit untuk membuat pengalaman menonton yang dipilih.
Tempat (POI): Menentukan kepadatan, radius penelusuran, dan jenis titik minat tertentu (misalnya, restoran, kafe, tempat terkenal) yang ingin ditampilkan.
Gunakan aplikasi ini untuk menyesuaikan pengalaman bagi pengguna akhir Anda.
Jelajahi kantor Google di Chicago dengan mengikuti jalur kamera yang lambat.
Lihat Pemandangan tempat wisata yang padat di sekitar jalur Las Vegas.
Sekarang Jelajahi Las vegas dengan mengikuti jalur kamera sinusoidal berkecepatan tinggi
Jelajahi Grand Canyon dengan semua tempat wisata utama
Terdapat deskripsi mendetail tentang semua penyesuaian Penyesuaian Penjelajah Area 3D.
Aplikasi demo
Ini adalah aplikasi final yang menghadap pengguna yang memuat konfigurasi yang Anda yang dibuat di aplikasi Admin. Dalam lingkungan 3D yang imersif ini, pengguna akan dapat untuk menjelajahi area yang dipilih dan menemukan tempat yang telah Anda sorot.
Setelah menyesuaikan tampilan dan nuansa menggunakan aplikasi Admin, Anda dapat unduh konfigurasi dan jalankan aplikasi khusus dari kode sumber.
Pengalaman Pengguna
Beberapa fitur utama aplikasi ini adalah:
- Pengguna dapat menjelajahi area secara interaktif dalam 3D, termasuk bangunan, {i>landmark<i}, dan medan.
- Pengguna dapat menelusuri dan menemukan tempat-tempat terdekat (mis., museum, taman, restoran).
Setelah memilih tempat, pengguna dapat melihat informasi atau narasi yang mendetail yang berkaitan dengan lokasi tersebut.
Developer dapat mempersonalisasi pengalaman eksplorasi mereka melalui setelan dan lainnya (jika menggunakan aplikasi Admin).
Rotasi otomatis diaktifkan, yang memungkinkan kamera berputar secara otomatis tengah area yang dipilih.
Prasyarat
Kunci Google Maps API: Anda memerlukan kunci API yang valid dengan API berikut diaktifkan:
Server Web: Anda dapat menyajikan aplikasi dari:
- Server web lokal (misalnya, menggunakan Node.js, http-server)
- Layanan hosting web statis (aplikasi dilengkapi dengan Dockerfile)
Anda dapat menemukan deskripsi terperinci tentang opsi deployment di readme pada project GitHub.
Deployment
Anda dapat men-deploy aplikasi sebagai aplikasi node atau container Docker di container lingkungan seperti GKE atau GAE. Demo yang dihosting menggunakan arsitektur:
- Dalam arsitektur ini, kode berada di project GitHub.
- Build cloud mengambil kode pada setiap pengiriman ke utama dan memicu dari build operasi.
- Sebagai bagian dari build, ia memasukkan kunci API dan membuat image yang kemudian yang disimpan dalam artifact registry.
- Terakhir, Artifact Registry men-deploy image stabil terbaru dari registry Artifact ke Cloud. run.
- Kami juga menjalankan beberapa health check dan pemantauan untuk memeriksa respons dari aplikasi yang di-deploy.
Informasi penagihan
Solusi Penjelajah Area 3D menggunakan layanan Google Maps Platform untuk menyediakan pengalaman yang dinamis dan imersif. Beberapa API mungkin dikenai biaya. Berikut ringkasannya tentang API dan tautan ke harga.
Google Maps Platform - 3D Tiles API:
Solusi Penceritaan menggunakan 3D Tiles API untuk meningkatkan kualitas visual pengalaman terkait data geospasial. Untuk detail harga terkait Ubin 3D API, lihat Google Maps Platform - 3D Tiles API Harga.
Google Maps Platform - Places API:
Places API digunakan untuk data berbasis lokasi, guna menambahkan informasi lengkap untuk pengalaman bercerita. Untuk memahami biaya yang terkait dengan Places API,kunjungi Google Maps Platform - Places API Harga.
Google Maps Platform - Autocomplete API:
Fitur Autocomplete meningkatkan interaksi pengguna. Untuk mengetahui detail harga terkait Google Maps Autocomplete API, kunjungi Google Maps Platform - Pelengkapan Otomatis Tempat Harga.
CesiumJS:
CesiumJS digunakan untuk globe 3D visualisasi. Meskipun CesiumJS sendiri adalah {i>open source<i}, fitur tambahan atau mungkin memiliki biaya terkait sendiri. Lihat CesiumJS Dokumentasi untuk penawaran premium.
Anda perlu meninjau detail harga untuk masing-masing API, karena akan ditentukan satu per satu berdasarkan penggunaan. Perhatikan bahwa Google Maps Platform menawarkan paket gratis dengan jumlah penggunaan tertentu tanpa biaya, dapat bervariasi berdasarkan faktor seperti jumlah permintaan dan penggunaan teritorial Anda.
Selalu lihat halaman harga resmi untuk mendapatkan harga yang paling akurat dan terbaru informasi tentang biaya penggunaan Google Maps Platform dan CesiumJS. Memastikan kepatuhan dengan persyaratan dan ketentuan yang diuraikan oleh layanan tersebut untuk mengelola dan memahami pengeluaran terkait secara efektif.
Kesimpulan
Dokumen ini memberikan ikhtisar kemampuan penjelajah Area 3D, komponen, pengalaman pengguna, dan persyaratan teknis.
Dengan memanfaatkan Petak 3D Fotorealistik Google dan Places API, Google Analytics dapat membantu mengeksplorasi lingkungan secara virtual, menemukan lokasi menarik, dan belajar tentang sejarah lokal.
Baik menampilkan suatu area, meningkatkan eksplorasi, maupun mempromosikan bercerita, 3D Area Explorer menawarkan platform yang memukau secara visual.
Coba demo dan sesuaikan menggunakan aplikasi Admin untuk menciptakan pengalaman 3D yang informatif.