Mengenal Mapbox Maps - Bagian 1

MAPBOXPETA 3DPETA INDONESIAMAPBOX MAPS

Berikut ini adalah seri tulisan tentang Mengenal Mapbox Maps,

  1. Mengenal Mapbox Maps - Bagian 1 (tulisan ini).
  2. Mapbox Maps dengan Mapbox GL JS V2 - Bagian 2.
  3. Geolokasi Dan Mapbox GL JS - Bagian 3

Mapbox

Ada sangat banyak layanan yang melibatkan peta atau map dan salah satu yang menarik menurut Saya adalah Mapbox dan memang sudah lama Saya pribadi ingin memakai layanan satu ini setidaknya dilihat dari sisi developer.

Seperti kebanyakan layanan peta umumnya, Mapbox juga menyediakan layanan navigasi maupun pencarian alamat dan tentu saya layanan wajib peta (Mapbox Maps).

Apa yang membuat Mapbox berbeda dari layanan lain?

Mapbox menyediakan layanan yang menurut Saya sangat revolusioner seperti Vision dan penerapan teknologi Augmented Reality pada peta ❤.

Dari sisi developer, mereka menyediakan SDK untuk berbagai platform seperti web dan mobile dan mereka menerapkan sistem payment Pay As You Go, jangan khawatir untuk development dengan limit user tertentu layanan dari Mapbox umumnya bersifat gratis gaes.

Mapbox Maps

3D Building

Salah satu fitur sederhana dari yang ditawarkan dari layanan Mapbox Maps adalah fitur 3D building.

fitur 3 building mapbox maps

Apa begitu penting fitur ini?

Jawabannya sangat bergantung pada kebutuhan.

Peta di Mapbox bukanlah peta 2D seperti kebanyakan peta di Google Maps maupun Bing Maps tetapi peta dari Mapbox Maps secara default mendukung pergerakan peta di ruang 3D.

Meskipun 3D building yang dihasilkan tidaklah sangat detil, hanya berupa blok saja tetapi untuk penggunaan seperti navigasi dan location based game sangatlah cocok.

game?

Benar, nanti akan lebih lanjut ditulis.

Kustomisasi Style

Kekuatan sebenarnya dari Mapbox Maps adalah kustomisasi dari peta, maksudnya adalah dengan Mapbox developer bisa merancang dan menyesuaikan style dari peta sesuai dengan konteks aplikasi yang akan dibuat.

mapbox maps dengan style kustom

Bagaimana caranya merubah style peta?

Mapbox menyediakan editor khusus untuk memberikan style pada suatu peta.

Mapbox Studio

mapbox studio

Dengan Mapbox Studio developer bisa merubah style detail dari peta mulai dari warna jalan, label, terrain, jenis font yang digunakan, dsb bahkan bisa digunakan untuk menampilkan data kustom dalam konteks untuk Visualisasi Data.

Cara manual?

Style cara manual bisa dilakukan dengan melihat spesifikasi style dari Mapbox dan style ini sebenarnya hanya berupa file JSON.

https://docs.mapbox.com/mapbox-gl-js/style-spec/

Faktor Exaggeration Terrain

Peta 3D dari Mapbox juga mendukung terrain (dimensi vertikal & horizonal dari area) serta faktor yang bernama exaggeration, dengan mengatur faktor ini maka dimensi terrain bisa diskala dengan mudah.

terrain & faktor exaggeration

Gambaran Satelit

Seperti layanan peta mainstream lainnya, Mapbox juga mendukung tampilan permukaan dari hasil pencitraan satelit, bedanya di Mapbox tampilan peta bisa 3D.

gambar satelit

Visualisasi Data

Sebagai contoh bagaimana menampilkan nama Provinsi pada peta Indonesia di Mapbox, seperti pada screenshoot dibawah ini?

peta indonesia dengan provinsi

preview

Datasets

Pertama adalah menyediakan dataset yang akan ditampilkan pada peta. Data bisa berupa apa saja, hanya saja formatnya harus disesuaikan, lihat dokumentasi resmi dari Dataset.

Untuk data provinsi di Indonesia silahkan melihat link berikut Provinsi_Indonesia.csv

Pertama import data provinsi tersebut ke dataset yag dibuat melalui Mapbox Dataset Editor.

Dataset kustom

Kemudian lakukan kustomisasi jika diperlukan, setelah itu export ke tileset yang kemudian tileset tersebut akan digunakan oleh Mapbox Maps Studio untuk proses styling.

Yang perlu menjadi perhatian adalah pada saat expor selesai maka Mapbox akan men-generate ID dari tileset, ada baiknya di copy dahulu ID dari tileset tersebut.

tileset id

Komponen Visualisasi Data

Untuk menampilkan data dari tileset tersebut tambahkan komponen Data visualization dan set data sumber dengan ID yang dikopi tadi (Add source by ID). Kalau data sudah muncul di tab Your sources cukup diklik saja data tersebut.

visualisasi data

Publish

Lebih lanjut peta dengan style dan data hasil kustomisasi tersebut bisa diunggah sehingga bisa dipakai oleh developer yang lain.

publish maps

Demo Live

Peta bisa dilihat langsung pada Demo Provinsi Indonesia atau lihat saja rekaman video di youtube dibawah ini.


Untuk pemakaian Mapbox Maps dalam aplikasi web maupun game akan ditulis lebih lanjut di tulisan berikutnya.

Trims. Happy Building! 👷‍♂️⚒🚀

Komentar