Ringkasan
Solusi Penjelajah Area 3D memberi Anda cara yang benar-benar baru untuk menemukan dan merasakan pengalaman lokasi. Solusi ini memanfaatkan kemampuan Google Maps Platform Petak 3D Fotorealistik dan Places API untuk membuat lingkungan 3D yang menarik dan interaktif.
Penjelajah Area 3D dirancang untuk melayani beberapa tujuan:
Meningkatkan penjelajahan area: Pengguna dapat menjelajahi lingkungan secara virtual dengan detail visual yang tinggi, sehingga mendapatkan insight tentang fitur dan landmark lokal.
Mempromosikan narasi berbasis lokasi: : Kemampuan untuk menyertakan POI (Lokasi menarik) dengan deskripsi yang lengkap memungkinkan pembuatan pengalaman berbasis narasi yang mendidik dan memberi tahu pengguna tentang lokasi tertentu.
Menginspirasi pengembangan menggunakan kemampuan 3D Google Maps: Hal ini menunjukkan potensi data pemetaan 3D Google untuk membuat peta interaktif yang imersif
Memulai:
Atau
Dapatkan Kunci API dan download kode dari GitHub.Aktifkan
Teknologi utama
Solusi ini dibuat menggunakan dua teknologi utama:
Google Maps Platform API:
Kami menggunakan beberapa API dari Google Maps Platform untuk mendapatkan peta dasar dan data guna membuat pengalaman ini:
- Petak 3D Fotorealistik Google Maps: Model 3D bangunan dan medan beresolusi tinggi memberikan representasi lingkungan perkotaan yang realistis dan menarik secara visual.
- Places API: Aplikasi ini dapat mengidentifikasi dan menampilkan informasi mendetail tentang Lokasi Menarik (POI) dalam area yang dijelajahi, sehingga memperkaya pengalaman pengguna dengan pengetahuan lokal.
- Pelengkapan otomatis membantu pengguna menelusuri lokasi atau area menarik tertentu.
CesiumJS
CesiumJS bertanggung jawab untuk merender dan menampilkan globe 3D beresolusi tinggi. Aplikasi ini menangani pemuatan dan visualisasi Petak 3D Fotorealistik Google, yang menyediakan model mesh 3D bangunan dan medan.
Pengelolaan Kamera: CesiumJS menyediakan alat untuk mengontrol posisi, orientasi, dan pergerakan kamera. Hal ini mencakup:
- Menetapkan sudut pandang awal untuk berfokus pada lingkungan yang ditentukan saat memuat aplikasi.
- Menerapkan pergerakan kamera dinamis, seperti animasi orbit otomatis untuk penjelajahan.
- Menangani interaksi pengguna dengan globe jika fitur tersebut disertakan (menggeser, melakukan zoom, memutar).
Pelajari cara Petak 3D Fotorealistik dapat Bekerja dengan perender Petak 3D.
Komponen Utama
Aplikasi ini dibagi menjadi dua aplikasi yang berbeda, yaitu:
- Aplikasi admin
- Aplikasi demo
Diagram ini memberikan ringkasan perbedaan dan korelasi antara kedua aplikasi:
Sebaiknya selidiki setiap aplikasi lebih lanjut:
Aplikasi admin
Aplikasi ini menyediakan antarmuka yang mudah digunakan yang memungkinkan Anda menyesuaikan pengalaman 3D:
Penelusuran lokasi : Gunakan kolom penelusuran Pelengkapan Otomatis Google Maps Platform terintegrasi untuk menemukan area yang ingin Anda tampilkan. Setelah Anda memilih lokasi, kamera akan langsung terbang ke area tersebut.
Kamera: Sesuaikan kecepatan pergerakan kamera dan jenis orbit untuk membuat pengalaman menonton yang dipilih.
Tempat (POI): Tentukan kepadatan, radius penelusuran, dan jenis lokasi menarik (misalnya, restoran, kafe, landmark) yang ingin Anda tampilkan.
Gunakan aplikasi ini untuk menyesuaikan pengalaman bagi pengguna akhir Anda.
Jelajahi kantor Google di Chicago dengan mengikuti jalur kamera yang lambat.
Lihat Tampilan padat lokasi menarik di sekitar Las Vegas Strip.
Sekarang Jelajahi Las Vegas dengan mengikuti jalur kamera sinusoidal berkecepatan tinggi
Jelajahi Grand Canyon dengan semua lokasi menarik utama
Ada deskripsi mendetail tentang semua penyesuaian Penjelajah Area 3D.
Aplikasi demo
Ini adalah aplikasi akhir yang menghadap pengguna yang memuat konfigurasi yang Anda buat di aplikasi Admin. Di lingkungan 3D yang imersif ini, pengguna akan dapat menjelajahi area yang dipilih dan menemukan tempat yang telah Anda tandai.
Setelah menyesuaikan tampilan dan nuansa menggunakan aplikasi Admin, Anda dapat mendownload konfigurasi dan menjalankan aplikasi kustom dari kode sumber.
Pengalaman Pengguna
Beberapa fitur utama aplikasi ini adalah:
- Pengguna dapat menjelajahi area secara interaktif dalam 3D, termasuk bangunan, landmark, dan medan.
- Pengguna dapat menelusuri dan menemukan tempat terdekat (misalnya, museum, taman, restoran).
Setelah memilih tempat, pengguna dapat melihat informasi atau narasi mendetail terkait lokasi tersebut.
Developer dapat mempersonalisasi pengalaman penjelajahan mereka melalui setelan dan kontrol (jika menggunakan aplikasi Admin).
Rotasi otomatis diaktifkan, sehingga kamera dapat otomatis berputar di sekitar pusat area yang dipilih.
Prasyarat
Kunci API Google Maps: Anda memerlukan kunci API yang valid dengan API berikut diaktifkan:
Server Web: Anda dapat menayangkan aplikasi dari:
- Server web lokal (misalnya, menggunakan Node.js, http-server)
- Layanan hosting web statis (aplikasi dilengkapi dengan Dockerfile)
Anda dapat menemukan deskripsi mendetail tentang opsi deployment di bagian readme project GitHub.
Deployment
Anda dapat men-deploy aplikasi sebagai aplikasi node atau container Docker di lingkungan container mana pun seperti GKE atau GAE. Demo yang dihosting menggunakan arsitektur berikut:
- Dalam arsitektur ini, kode berada dalam project GitHub.
- Cloud Build mengambil kode pada setiap push ke utama dan memicu operasi build.
- Sebagai bagian dari build, kode ini menyisipkan kunci API dan membuat image yang kemudian disimpan di Artifact Registry.
- Terakhir, kode ini men-deploy image stabil terbaru dari Artifact Registry ke Cloud Run.
- Kami juga menjalankan beberapa health check dan pemantauan untuk memeriksa kesehatan aplikasi yang di-deploy.
Informasi penagihan
Solusi Penjelajah Area 3D menggunakan layanan Google Maps Platform untuk memberikan pengalaman yang imersif dan dinamis. Beberapa API mungkin dikenakan biaya. Berikut ringkasan API dan link ke harga.
Google Maps Platform - 3D Tiles API:
Solusi Penceritaan menggunakan 3D Tiles API untuk meningkatkan pengalaman visual dengan data geospasial. Untuk mengetahui detail harga terkait 3D Tiles API, lihat Google Maps Platform - Harga 3D Tiles API.
Google Maps Platform - Places API:
Places API digunakan untuk data berbasis lokasi, sehingga menambahkan informasi yang lengkap ke pengalaman penceritaan. Untuk memahami biaya yang terkait dengan Google Places API,buka Google Maps Platform - Places API Pricing.
Google Maps Platform - Autocomplete API:
Fitur pelengkapan otomatis meningkatkan interaksi pengguna. Untuk mengetahui detail harga terkait Google Maps Autocomplete API, buka Google Maps Platform - Harga Pelengkapan Otomatis.
CesiumJS:
CesiumJS digunakan untuk visualisasi globe 3D. Meskipun CesiumJS sendiri bersifat open source, fitur atau layanan tambahan mungkin memiliki biaya terkaitnya sendiri. Lihat Dokumentasi CesiumJS untuk mengetahui penawaran premium.
Penting untuk meninjau detail harga untuk setiap API, karena biaya ditentukan secara individual berdasarkan penggunaan. Perhatikan bahwa Google Maps Platform menawarkan paket gratis dengan jumlah penggunaan tertentu tanpa biaya, dan spesifikasi harga dapat bervariasi berdasarkan faktor seperti jumlah permintaan dan wilayah penggunaan.
Selalu lihat halaman harga resmi untuk mendapatkan informasi yang paling akurat dan terbaru tentang biaya penggunaan Google Maps Platform dan CesiumJS. Pastikan Anda mematuhi persyaratan dan ketentuan yang ditetapkan oleh layanan ini untuk mengelola dan memahami biaya terkait secara efektif.
Kesimpulan
Dokumen ini memberikan ringkasan tentang kemampuan, komponen, pengalaman pengguna, dan persyaratan teknis Penjelajah Area 3D.
Dengan memanfaatkan Petak 3D Fotorealistik Google dan Places API, pengguna dapat menjelajahi lingkungan secara virtual, menemukan lokasi menarik, dan mempelajari sejarah lokal.
Baik untuk menampilkan area, meningkatkan penjelajahan, atau mempromosikan penceritaan digital, Penjelajah Area 3D menawarkan platform yang menakjubkan secara visual.
Coba demo dan sesuaikan menggunakan aplikasi Admin untuk membuat pengalaman 3D yang menarik dan informatif.