Leaflet wordpress-Informasi Seputar leafletjs di wordpress

Posted on

Setelah kita kemaren membahas tentang theme wordpress yang bisa menampilkan data GIS (GIS wordpress), kali ini saya akan membahas tentang library javascript open source yang sudah di setting sedemikian rupa sehingga kita bisa menampilkan web maps di dalam browser. Kita istilahkan saja dengan leaflet wordpress saja ya.

LeafletJS pertama kali dirilis oleh Vladimir Agafonkin pada tahun 2011. Beruntung, leafletjs ini sudah banyak di kembangkan oleh developer dalam bentuk plugin sehingga lebih mudah dalam pengkodeannya. Tidak sampai di situ, leafletjs juga sudah di kembangkan dalam bentuk plugin wordpress, sehingga lebih memudahkan lagi kita sebagai user dalam memanfaatkannya. Berikut ini akan saya jabarkan beberapa plugin leaflet wordpress yang berhasil saya rangkum:

Leaflet wordpress-Informasi Seputar leafletjs di wordpress 1

1. Map block leaflet

Map block leaflet di desain agar compatible dengan editor guitenberg. Kita bisa menambahkan leaflet marker dengan bantuan google maps tanpa bantuan google maps api. Tidak lengkap review kalau tidak di coba sendiri pluginnya. Saya sudah mencoba dan benar, plugin ini di setting sudah compatible dengan editor guitenberg. Namun sayang, ketika saya search “galerigis” tidak di temukan, padahal kalau di google maps, ketika search “galerigis” langsung ketemu alamat galerigis nya.

Leaflet wordpress-Informasi Seputar leafletjs di wordpress 2

Gambar 1. Ketika search galerigis tidak di temukan.

Leaflet wordpress-Informasi Seputar leafletjs di wordpress 3

Gambar 2. Bandingkan ketika buka maps google dan search galerigis

Bisa di simpulkan bahwa plugin ini tidak mengambil google maps sebagai base maps nya melainkan osm. Cocok untuk temen-temen yang mau memakai leaflet marker dan hanya bisa di pakai untuk satu titik saja.

2. MapPress Maps for WordPress

Hampir sama dengan plugin sebelumnya, MapPress Maps for wordpress ini ada kelebihannya, yaitu maps yang di tampilkan bisa di setting. Seperti misalnya marker list, map types, di tampilkan di post atau di page, street view, settingan scrool, dll. Lebih lengkap nya bisa di lihat pada gambar di bawah ini.

Leaflet wordpress-Informasi Seputar leafletjs di wordpress 4

Gambar 3. Settingan mappress map for wordpress

Adapun fitur dari plugin ini antara lain (saya dapat dari website officialnya):

  • Easy to use – no complex configuration required.
  • Works with any map provider (Google, BING, OSM, MapQuest, MapBox, etc…)
  • 100+ Font Awesome Marker Icons
  • Markers, Lines, and Polygons
  • Add pictures, links, and formatted text to pop-ups
  • Standard and Modal Pop-Ups
  • Add maps to your pages and posts via button click
  • Download, export, and Social Share
  • Integrated Widget
  • 100% Free
  • 100% Open Source

Setelah saya coba, plugin ini hanya bisa menampilkan marker/point, line dan polygon langsung di edit di map nya, jadi tidak bisa upload file titik, garis dan polygon yang kita punya, misalkan data dalam bentuk shapefiles.

3. Ultimate Maps by Supsystic

Plugin Ultimate Maps by Supsystic ini di buat karena adanya perubahan pricing policy nya google maps. Di peraturan baru nya, harga dari google maps terlalu mahal,sehingga tim supsystic membuat berbagai alternatif base map antara lain:

3.1 Bing map

3.2 Openstreetmap atau OSM

3.3 Leaflet Map

3.4 Mapbox

3.5 Thunderforest.

Ultimate Maps Plugin Features

Dari fitur sepertinya sangat menarik, jadi saya tertarik untuk mencoba langsung. Ternyata kml layer impor dan beberapa fitur lainnya hanya tersedia untuk versi pro. Dari websitenya saya lihat langsung untuk satu website harganya 39 USD. Sangat worthed menurut saya dan plugin ini layak untuk di coba. Siapa yang mau coba atau bahkan ada yang sudah coba? Silahkan tinggalkan komentar ya.

Demikian lah tutorial mengenai leaflet wordpress ini saya buat. Semoga ada manfaatnya ya. Yang mau diskusi silahkan tinggalkan komentar dibawah ini.

Gravatar Image
Saya adalah seorang freelancer dari tahun 2010 sampai sekarang. Selama tahun tersebut saya berkecimpung di dunia GIS dan remote sensing. Insya Allah di sini saya akan membagikan pengetahuan seputar GIS dan remote sensing, termasuk sedikit Web GIS