Tutorial Menggunakan Geocoding Dengan Mapbox

Tutorial Geocoding Dengan Mapbox

Pada kesempatan kali ini saya akan sharing tutorial tentang bagaimana cara menampilkan lokasi menggunakan geocoding dengan Mapbox. Mapbox adalah sebuah map flatform yang dikhususkan bagi developer untuk membangun sebuah aplikasi desktop maupun mobile yang terintegrasi dengan peta. Beberapa layanan IT yang menggunakan Mapbox ini diantaranya adalah Foursquare, Evernote, Pinterest bahkan Uber.

Tutorial Menggunakan Geocoding Dengan Mapbox #Kode

Seperti judul diatas, sekarang kita akan belajar bagaimana cara menampilkan peta menggunakan geocoding dengan Mapbox. Salah satu kelebihan dari Mapbox dari platform Maps yang lain seperti Google Maps adalah pada syntax yang sangat singkat dan sederhana, jadi kamu bisa membuat sebuah fungsi dengan  baris kode yang sangat sedikit. Namun, Mapbox mewajibkan API Key untuk para pengembang yang ingin menggunakan Mapbox sehingga pengembang diwajibkan untuk melakukan pendaftaran.

[xyz-ihs snippet=”adsense1″]

Tapi tenang aja karena Mapbox sendiri memiliki plan free yang memiliki limit penggunaan yang saya rasa sudah cukup untuk aplikasi yang memiliki sekala menengah. Kamu bisa daftar terlebih dahulu di situs resminya di https://www.mapbox.com. Setelah melakukan pendaftaran kamu akan mendaftkan public key yang kamu bisa gunakan pada aplikasi kamu.

Pada text editor kamu, ketikkan script berikut ini.

Jangan lupa untuk menempatkan Public Key kamu pada kode diatas, jalankan script diatas maka output yang tampil akan menjadi seperti ini.

[xyz-ihs snippet=”adsense2″]

Contoh Geocoding Dengan Mapbox

Beberapa kekurangan pada Mapbox adalah masih kurang lengkapnya database wilayah dan beberapa lokasi khususnya untuk di Indonesia sehingga sedikit meyulitkan kita dalam melakukan pencarian lokasi terutama pada beberapa wilayah pelosok.  semoga kedepannya Mapbox dapat menutupi kekurangan ini.  Kamu bisa melihat demo dari kode diatas disini

See the Pen Geocoding Pada Mapbox by Riky Hasibuan (@elcicko) on CodePen.0

Sangat mudah bukan ? Silahkan dicoba dan semoga bermanfaat. 😀

 

Berlangganan Artikel

Daftarkan email anda sekarang dan dapatkan update terbaru dari artikel saya

I will never give away, trade or sell your email address. You can unsubscribe at any time.

Powered by Optin Forms

2 tanggapan pada “Tutorial Menggunakan Geocoding Dengan Mapbox”

Tinggalkan Balasan