Cara Menampilkan Peta di Open Journal System

 

Pada artikel kali ini saya membuat tutorial bagaimana cara menambahkan maps di OJS (Open Journal System). Konsep cara ini sebenarnya sama dengan Cara Memasukkan Peta di Blog – WordPress dan Blogspot. Namun agar teman-teman menemukan kata kunci yang tepat saya buat tutorial kembali yang khusus bagi pengguna yang berkecimpung di dunia OJS (Open Journal System).

 

Sebagai editor, terkadang kita ingin menampilkan informasi detail tentang penerbit. Misalnya saja menampilkan informasi lokasi penerbit agar mempermudah pengunjung mengetahui alamat dengan tepat. Agar lebih akurat lagi, kita juga bisa menampilkan alamat penerbit dengan mununjukkan alamat peta kolasi kita dengan memanfaatkan peta atau google maps.

 

Sebelumnya saya sampaikan, tutorial yang saya lakukan ini menggunakan OJS 3. Bagi teman-teman yang menggunakan OJS 2 silahkan di sesuaikan saja, perbedaanya tidak terlalu banyak.

 

Cara Mendapatkan Kode Embed Peta di Google Maps

 

Sebelum kita memasukkan kode peta di dalam OJS kita, terlebih dahulu kita harus menemukan kode embed terlebih dahulu. Berikut ini langkah-langkah untuk mendapatkan kode Embed di Google Maps:

 

1. Buka Google Map
2. Cari lokasi peta yang akan kita tampilkan di dalam OJS kita.
3. Klik Bagikan
4. Klik Menu Tab Sematkan Peta
5. Klik Salin HTML

Jika Anda perhatikan pada sebelah kiri kode HTML, di sana Anda juga bisa mengatur ukuran dari Map, ada beberapa pilihan ukuran seperti Kecil, Sedang, Besar, serta Ukuran khusus (kita bisa mengatur sendiri ukurannya).

 

Setelah kita mendapatkan kode Embed dari google maps, selanjutnya kita memasukkan kode tersebut ke dalam OJS kita. Untuk lebih jelasnya silahkan lihat tutorial berikut ini:

 

1. Tentukan lokasi dimana akan dimunculkan peta. Misalnya saja di Additional Content.
2. Klik icon source code (lihat gambar untuk lebih jelasnya).

 

3. Masukkan kode embed yang sudah Anda salin tadi di Google Maps.
4. Kemudian klik OK dan simpan perubahan Anda.

 

Note : Agar hasil maksimal, saya sarankan untuk mengubah lebar dari peta menjadi 100% dengan mengubah kodenya pada bagian width. Silahkan lihat gambar di bawah ini untuk lebih jelasnya.

 

Lokasi:

Berbagi :