Menampilkan Peta pada Website OJS

Panduan ini berawal dari obrolan dengan salah seorang profesor yang bertugas mengecek kelengkapan berkas kenaikan pangkat dosen. Dalam pengecekan berkas khususnya jurnal, tim tersebut melacak artikel jurnal dengan teliti. Jika jurnal tersebut sudah online maka tim menlacak alamat url website di mana artikel tersebut terbit. Tidak hanya itu tim juga mengecek betul atau tidak sekretariat jurnal tersebut seperti tertera dalam kontak di websitenya. Nah untuk mengecek kontak tersebut tim menggunakan bantuan Google Maps dalam melacaknya.

Berawal dari obrolan tersebut saya berinisiatif untuk menampilkan peta alamat jurnal kami pada website OJS dengan bantuan Google Maps. Contohnya bisa dilihat di alamat berikut http://journal.uinsgd.ac.id/index.php/jw/about/contact

Langkah Pertama pastikan dahulu lokasi jurnal kita sudah ada di google Maps, dengan cara:

  1. https://www.google.co.id/maps/
  2. Ketikan nama tempat jurnal anda misalnya Fakultas Ushuluddin nanti jika ada maka akan muncul dalam pilihannya pencarian.
  3. Jika tidak muncul, maka klik add a missing place to Google Maps.
  4. Maka muncul jendela Add Place, isilah semua form dengan lengkap jika sudah klik submit
  5. Jika berhasil akan ada pemberitahuan via email.

Cara Menampilkan Google Maps di Website OJS

  1. Langsung buka alamat jurnal anda di Google Maps
  2. Klik share, dan pilih embed maps
  3. Pilih ukuran sesuai selera (small, medium, large atau bisa custom size) saya ambil contoh custom size 830×200
  4. Salin kode yang tertera. Misalnya:

    <iframe src=”https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3960.6535757893857!2d107.71515881477289!3d-6.931944294991557!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x49eff4a5d4e48a8!2sJurusan+Perbandingan+Agama!5e0!3m2!1sen!2s!4v1476411840335″ width=”830″ height=”200″ frameborder=”0″ style=”border:0″ allowfullscreen></iframe>.

    Angka yang bertanda merah itu bisa kita custom sendiri sesuai kebutuhan kita, tidak perlu lagi kita custom size melalui Google Maps cukup edit kode tersebut.

  5. Kita sekarang menuju ke jurnal kita, login sebagai Journal Manager dan pilih Set Up.
  6. Kita langsung menuju langkah 1, dan Paste kode tersebut di bagian Mailing Adress pada langkah 1.1.

    3

  7. Klik save dan lihat hasilnya

Selamat mencoba.

Kontributor:

Busro

Pengelola Wawasan Jurnal Ilmiah Agama dan Sosial Budaya

Fakultas Ushuluddin UIN Sunan Gunung Djati Bandung

Kontak: 08986143832/busro@uinsgd.ac.id

Share:

On Key

Most Popular Posts