Penggunaan uMap OpenStreetMap untuk WordPress

uMap berfungsi untuk membuat peta yang dapat dikostumisasi dengan menggunakan layer dari OpenStreetMap dan dapat di-embed dengan mudah di website user.

Gambar tampilan OpenStreetMap pada uMap

Kotak nomor 1 merupakan fitur dasar dari uMap. uMap dapat menambahkan sendiri layer pada OpenStreetMap sesuai yang kita butuhkan.

Kotak nomor 2 merupakan fungsi untuk mengkostumisasi OpenStreetMap seperti menambahkan marker, garis, dan poligon yang dapat ditambahkan lebih dari satu buah.

Kotak nomor 3 berisi fitur-fitur untuk mengedit setting pada layer dan OpenStreetMap itu sendiri.

Gambar setting OpenStreetMap

uMap dapat memodifikasi tampilan dan setting dari OpenStreetMap sesuai kebutuhan, mulai dari interface, shape, interaction, background, hingga licensing.

Setelah membuat custom map, uMap dapat men-generate kode untuk embed map tersebut.

Gambar menu embed map

Selain itu tersedia juga menu untuk mengatur hasil dari map yang sudah di-embed pada website, user hanya perlu copy kode iframe dan paste ke HTML. Di bawah ini terlampir map yang sudah di-generate dan ditampilkan pada website wordpress.

Gambar contoh hasil embeded map

Kesimpulannya, uMap OpenStreetMap memiliki kelebihan:

  • Memodifikasi layer pada OpenStreetMap
  • Menambahkan marker, garis, poligon
  • Mengubah setting warna / bentuk dari marker / garis / poligon
  • Memodifikasi option pada OpenStreetMap
  • Melakukan batch import geostructured data (geojson, gpx, kml, osm…)
  • Memilih lisensi pada data
  • Embed dan share map untuk Website

Levanji Prahyudy has written 8 articles

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>