Menampilkan Marker Dengan CSV Pada Peta Mapbox

Pada artikel ini saya akan membahas tutorial tentang bagaimana cara untuk menampilkan marker dengan CSV pada peta Mapbox. Cara ini hampir sama dengan penggunaan Fusion Table pada Google Maps namun dengan beberapa perbedaan . Berikut penjelasannya :

Menampilkan Marker Dengan CSV Pada Peta Mapbox #Perbandingan

Berikut adalah perbandingan antara Google Maps dan juga Mapbox dalam menampilkan marker dengan CSV

Mapbox

  • File CSV wajib di taruh pada 1 domain yang sama dengan script yang akan dijalankan, sangat mudah.
  • Perlu menggunggah ulang file jika terdapat pembaharuan / perubahan data sehingga pengolahan data kurang efektif

Google Maps

  • File CSV wajib diunggah di Google Drive dan diintegrasikan dengan Fusion Tables App pada Google Drive, perlu beberapa langkah yang dilakukan dalam proses integrasi.
  • Dapat diperbaharui secara langsung di dalam Fusion Tables App. Sehingga data dapat diolah dengan mudah.

Perlu diingat bahwa tata letak koordinat pada Google Maps dan Mapbox sedikit berbeda, koordinat yang kita dapatkan dari Google Maps dapat digunakan pada Mapbox namun posisi koordinatnya sedikit berbeda.

[xyz-ihs snippet=”adsense1″]

Menampilkan Marker Dengan CSV Pada Peta Mapbox #Kode

Baik, setelah membahas tentang perbandingan kedua platform maps tersebut sekarang kita akan membuat scriptnya. Yang kita butuhkan adalah library / plugin resmi dari Mapbox yaitu Leaflet Omnivare yang dapat digunakan pada Mapbox untuk menampilkan marker dengan CSV.  Ketikkan kode berikut pada text editor kamu :

Perlu diingat kembali bahwa Mapbox mewajibkan user untuk melakukan sign up untuk mendapatkan API Key agar dapat menggunakan Mapbox. Output dari script diatas adalah sebagai berikut

Menampilkan Marker Dengan CSV

Silahkan dicoba dan semoga bermanfaat 😀

Menampilkan Marker Dengan CSV

 

 

 

 

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

Tinggalkan Balasan