Smart City 3D #3: Eksplorasi Teknologi Visualisasi Kota 3D

1. Latar Belakang

Seiring berkembangnya teknologi pemetaan digital, cara kita melihat dan memahami sebuah kota juga ikut berubah. Peta tidak lagi hanya berupa gambar dua dimensi yang statis, tetapi dapat ditampilkan secara interaktif bahkan dalam bentuk tiga dimensi yang menyerupai kondisi nyata. Teknologi visualisasi geospasial memungkinkan berbagai data kota seperti lokasi bangunan, jalan, dan fasilitas publik disajikan secara lebih informatif dan mudah dipahami. Oleh karena itu, pada artikel ini dilakukan eksplorasi terhadap beberapa teknologi visualisasi kota, khususnya percobaan penggunaan library CesiumJS untuk pemetaan 3D dan Leaflet untuk pemetaan 2D sebagai dasar dalam pengembangan sistem peta digital berbasis geospasial.

2. Alat dan Bahan

A. Perangkat Lunak

- Sistem Operasi Linux (atau lainnya)

- Visual Studio Code (atau text editor lain)

- Laravel 12.0

- Library CesiumJS

- Library Leaflet

B. Perangkat Keras

- Laptop / PC

3. Pembahasan

Pada hari ini, kita akan mengeksplorasi berbagai teknologi visualisasi kota tiga dimensi yang dapat digunakan untuk membuat sebuah peta digital berbasis data geospasial atau data geografis maupun data suatu kota.

3.1 Teknologi Visualisasi Kota

Dalam visualisasi kota atau peta digital, terdapat sebuah teknologi yang dinamakan dengan GIS atau Geographic Information System. GIS Merupakan arsitektur teknologi yang digunakan untuk mengumpulkan, menyimpan, mengelola, menganalisis, dan menampilkan data geografis (bentuk, posisi koordinat, dan lainnya). Terdapat 2 konsep yang berperan penting dalam proses penyajian peta digital, yaitu:

1. Pemetaan Digital (Digital Mapping)

Merupakan proses pembuatan, analisis, dan visualisasi peta menggunakan teknologi digital untuk merepresentasikan suatu wilayah dengan akurat. Dalam pemetaan digital, objek-objek geografis seperti bangunan, jalan, sungai, dan batas wilayah biasanya direpresentasikan dalam bentuk data spasial seperti titik (point), garis (line), dan area (polygon).

2. Visualisasi Geospasial

Merupakan teknik untuk menampilkan data geografis tersebut secara visual sehingga bersifat interaktif dan mudah dipahami. Jika pemetaan digital berfokus pada proses pembuatan peta, maka visualisasi geospasial berfokus pada bagaimana data tersebut ditampilkan kepada pengguna.

3.2 Macam Teknologi Visualisasi Kota 3D dan 2D

Beberapa library yang dapat digunakan untuk membangun visualisasi 3D dan 2D antara lain sebagai berikut.

A. 3 Dimensi

1. CesiumJS

Merupakan library JavaScript open-source untuk membuat globe dan peta 3D kelas dunia dengan performa, presisi, kualitas visual, dan kemudahan penggunaan. Pengembang di berbagai industri, mulai dari Smart City hingga drone, menggunakan CesiumJS untuk membuat aplikasi web interaktif guna berbagi data geospasial dinamis.

2. ThreeJS

Adalah sebuah library JavaScript yang mampu memberikan kemampuan kepada Web Developer untuk menciptakan pengalaman 3D yang menakjubkan tanpa memerlukan pengetahuan mendalam tentang grafika komputer atau WebGL.

3. BabylonJS

Library ini memiliki kemampuan yang mirip dengan game engine dan sering digunakan untuk aplikasi visualisasi maupun simulasi yang mendukung berbagai fitur seperti pencahayaan, material, animasi, serta physics engine, sehingga cocok untuk membuat lingkungan 3D yang lebih kompleks.

B. 2 Dimensi

1. Leaflet

Adalah library JavaScript open-source untuk membuat peta interaktif pada halaman web. Leaflet mendukung berbagai fitur pemetaan, seperti marker, popup, dan tilelayer, serta kompatibel dengan perangkat seluler. Leaflet sering digunakan untuk WebGIS karena fleksibel, gratis, dan mudah dikustomisasi.

2. OpenLayers

Merupakan library pemetaan berbasis JavaScript yang digunakan untuk membuat aplikasi WebGIS yang lebih kompleks. Library ini mendukung berbagai format data geospasial dan memiliki fitur analisis spasial yang cukup lengkap.