Ringkasan
Solusi Penjelajah Area 3D memberi Anda cara yang benar-benar baru untuk menemukan dan mengalami lokasi. Solusi ini memanfaatkan kemampuan Kartu 3D Fotorealistik Google Maps Platform dan Places API untuk menciptakan lingkungan 3D yang interaktif dan menawan.
Penjelajah Area 3D dirancang untuk memenuhi berbagai tujuan:
Meningkatkan eksplorasi area: Pengguna dapat menjelajahi lingkungan sekitar secara virtual dengan tingkat detail visual yang tinggi, sehingga mendapatkan insight tentang fitur dan tempat terkenal lokal.
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 tertentu.
Menginspirasi pengembangan menggunakan kemampuan 3D Google Maps: Hal ini menunjukkan potensi data pemetaan 3D Google untuk membuat peta yang imersif dan 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 guna membuat pengalaman ini:
- Ubin 3D Fotorealistik Google Maps: Model 3D bangunan dan medan beresolusi tinggi memberikan representasi lingkungan perkotaan yang realistis dan menarik secara visual.
- Places API: Aplikasi dapat mengidentifikasi dan menampilkan informasi mendetail tentang Lokasi Menarik (POI) dalam area yang dijelajahi, sehingga memperkaya pengalaman pengguna dengan pengetahuan lokal.
- Autocomplete membantu pengguna menelusuri lokasi atau area minat tertentu.
CesiumJS
CesiumJS bertanggung jawab untuk merender dan menampilkan bola 3D resolusi tinggi. Fitur ini menangani pemuatan dan visualisasi Kartu 3D Fotorealistik Google, yang menyediakan model mesh 3D untuk bangunan dan medan.
Pengelolaan Kamera: CesiumJS menyediakan alat untuk mengontrol posisi, orientasi, dan gerakan kamera. Hal ini mencakup:
- Menyetel sudut pandang awal untuk berfokus pada lingkungan yang ditentukan saat memuat aplikasi.
- Mengimplementasikan gerakan kamera dinamis, seperti animasi orbit otomatis untuk eksplorasi.
- Menangani interaksi pengguna dengan globe jika fitur tersebut disertakan (menggeser, memperbesar/memperkecil, memutar).
Pelajari cara kartu 3D Fotorealistik dapat Menggunakan perender Kartu 3D.
Komponen Utama
Aplikasi ini dibagi menjadi dua aplikasi yang berbeda, yaitu:
- Aplikasi Admin
- Aplikasi demo
Diagram ini memberikan ringkasan tentang perbedaan dan korelasi antara kedua aplikasi tersebut:
Sebaiknya selidiki lebih lanjut setiap aplikasi:
Aplikasi Admin
Aplikasi ini menyediakan antarmuka yang mudah digunakan dan memungkinkan Anda menyesuaikan pengalaman 3D:
Penelusuran lokasi : Gunakan kotak penelusuran Autocomplete Google Maps Platform terintegrasi untuk menemukan area yang ingin Anda tampilkan. Setelah Anda memilih lokasi, kamera akan terbang ke area tersebut dengan lancar.
Kamera: Menyesuaikan kecepatan gerakan kamera dan jenis orbit untuk membuat pengalaman tampilan yang dipilih.
Tempat (POI): Menentukan kepadatan, radius penelusuran, dan jenis lokasi menarik (misalnya, restoran, kafe, tempat terkenal) 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 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
Tersedia deskripsi mendetail tentang semua penyesuaian penyesuaian Penjelajah Area 3D.
Aplikasi demo
Ini adalah aplikasi final yang ditampilkan kepada pengguna yang memuat konfigurasi yang Anda buat di aplikasi Admin. Di lingkungan 3D yang imersif ini, pengguna dapat menjelajahi area yang dipilih dan menemukan tempat yang telah Anda soroti.
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, tempat terkenal, dan medan.
- Pengguna dapat menelusuri dan menemukan tempat-tempat terdekat (mis., museum, taman, restoran).
Setelah memilih tempat, pengguna dapat melihat informasi atau narasi mendetail terkait lokasi tersebut.
Developer dapat mempersonalisasi pengalaman eksplorasi mereka melalui setelan dan kontrol (jika menggunakan aplikasi Admin).
Rotasi otomatis diaktifkan, yang memungkinkan kamera otomatis berputar di sekitar tengah area yang dipilih.
Prasyarat
Kunci Google Maps API: Anda memerlukan kunci API yang valid dengan mengaktifkan API berikut:
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 bagian readme pada project GitHub.
Deployment
Anda dapat men-deploy aplikasi sebagai aplikasi node atau container Docker di lingkungan container apa pun seperti GKE atau GAE. Demo yang dihosting menggunakan arsitektur berikut:
- Dalam arsitektur ini, kode berada di project GitHub.
- Build Cloud mengambil kode pada setiap push ke utama dan memicu operasi build.
- Sebagai bagian dari build, kode ini memasukkan kunci API dan membuat image yang kemudian disimpan di artifact registry.
- Terakhir, image stabil terbaru akan di-deploy dari registry Artifact ke Cloud Run.
- Kami juga menjalankan beberapa health check dan pemantauan untuk memeriksa kondisi aplikasi yang di-deploy.
Informasi penagihan
Solusi Penjelajah Area 3D menggunakan layanan Google Maps Platform untuk memberikan pengalaman yang dinamis dan imersif. Beberapa API mungkin dikenai biaya. Berikut ringkasan API dan link ke harga.
Google Maps Platform - 3D Tiles API:
Solusi Storytelling menggunakan 3D Tiles API untuk meningkatkan pengalaman visual dengan data geospasial. Untuk mengetahui detail harga terkait 3D Tiles API, lihat Harga 3D Tiles API Google Maps Platform.
Google Maps Platform - Places API:
Places API digunakan untuk data berbasis lokasi, yang menambahkan informasi lengkap ke pengalaman bercerita. Untuk memahami biaya yang terkait dengan Google Places API,buka Google Maps Platform - Harga Places API.
Google Maps Platform - Autocomplete API:
Fitur Autocomplete meningkatkan interaksi pengguna. Untuk mengetahui detail harga terkait Google Maps Autocomplete API, buka Google Maps Platform - Harga Places Autocomplete.
CesiumJS:
CesiumJS digunakan untuk visualisasi globe 3D. Meskipun CesiumJS sendiri adalah open source, fitur atau layanan tambahan mungkin memiliki biaya terkaitnya sendiri. Lihat Dokumentasi CesiumJS untuk penawaran premium apa pun.
Anda perlu meninjau detail harga untuk setiap API, karena biaya ditentukan satu per satu berdasarkan penggunaan. Perhatikan bahwa Google Maps Platform menawarkan paket gratis dengan jumlah penggunaan tertentu tanpa biaya, dan harga spesifik dapat bervariasi berdasarkan beberapa 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 kepatuhan terhadap persyaratan dan ketentuan yang diuraikan oleh layanan ini untuk mengelola dan memahami pengeluaran terkait secara efektif.
Kesimpulan
Dokumen ini memberikan ringkasan kemampuan, komponen, pengalaman pengguna, dan persyaratan teknis penjelajah Area 3D.
Dengan memanfaatkan Kartu 3D Fotorealistik Google dan Places API, Google memungkinkan eksplorasi lingkungan virtual, menemukan lokasi menarik, dan mempelajari sejarah lokal.
Baik menampilkan area, meningkatkan eksplorasi, maupun mempromosikan penceritaan digital, Penjelajah Area 3D menawarkan platform yang memukau secara visual.
Coba demo dan sesuaikan menggunakan aplikasi Admin untuk membuat pengalaman 3D yang menarik dan informatif.