Mas Febaryanto__Menampilkan Peta Wikimapia Diwebsite Atau Blog

Komunitas eLearning IlmuKomputer.Com

Copyright © 2003-2014 IlmuKomputer.Com 1

MMeennaammppiillkkaann PPeettaa WWiikkiimmaappiiaa ddii

DDaallaamm WWeebb aattaauu BBlloogg

Febri Aryanto (Mas Feb) [email protected] http://masfebjalanjalan.blogspot.com

Tampilan sebuah website ataupun blog dapat menjadi daya tarik tersendiri sehingga pengunjung betah berlama-lama menyisir isi dari website atau blog. Selain itu, feature yang terdapat di website juga dapat memberikan kemudahan bagi pengunjung. Salah satunya adalah feature map atau peta. Dengan menggunakan peta yang tersedia di http://wikimapia.org, kita dapat

menampilkan peta didalam website kita tanpa perlu bersusah payah menggunakan widget ataupun plugin.

Langkah-langkah Menampilkan Peta dari Wikimapia ke Website atau

Blog Berikut tahapan dalam menampilkan peta Wikimapia ke dalam website atau blog:

1. Arahkan browser ke http://wikimapia.org

Lisensi Dokumen: Copyright © 2003-2007 IlmuKomputer.Com

Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan

disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat

tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang

disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang,

kecuali mendapatkan ijin terlebih dahulu dari IlmuKomputer.Com.

http://wikimapia.org/

http://wikimapia.org/



2. Kemudian pada kotak search ketikkan lokasi yang akan Anda tampilkan di website.

Contoh: Senayan. Setelah diketik, klik tombol search bericon lup.

3. Maka akan muncul list hasil pencarian. Klik salah satu hasil pencarian, kemudian wikimapia akan menampilkan lokasi yang Anda maksud.



4. Lalu kita mulai membuat kode untuk ditempatkan ke dalam website/blog kita. Caranya dengan mengarahkan kursor ke menu “Login” lalu klik menu “Map on your page”.

5. Akan tampil rectangular selection (kotak bergaris putus-putus) ditengah. Lebar dan tingginya dapat disesuaikan dengan menarik sudut-sudut kotaknya. Bila telah selesai, copy kode html yang ada di kotak kode.



6. Kemudian beralih ke website Anda. Login ke website atau blog Anda, lalu buat postingan baru. Paste-kan kode html yang didapat dari wikimapia tadi didalam kotak

editor. Pastikan Anda mem-paste kode html tadi didalam editor box format html bukan WYSIWYG (visual pada wordpress, compose pada blogger).

7. Bila Anda sudah yakin telah selesai dengan postingan Anda, klik tombol publish.

8. Hasilnya adalah seperti gambar berikut ini:



Untuk mempercantik tampilan, Anda bisa menambahkan style pada css iframe-nya sesuai kebutuhan Anda.

Biografi Penulis Febri Aryanto. Menyelesaikan D3 dan S1 di Universitas Persada Indonesia YAI tahun 2006 dan 2009. Staf di Badan Penelitian dan Pengembangan Kesehatan, Kementerian Kesehatan RI. Lebih cenderung menulis mengenai

jalan-jalan dan kuliner, tulisan dan informasi tentang penulis dapat dilihat di http://masfebjalanjalan.blogspot.com. Penulis dapat dihubungi via email: [email protected].

http://masfebjalanjalan.blogspot.com/

Mas Febaryanto__Menampilkan Peta Wikimapia Diwebsite Atau Blog

Documents

Transcript of Mas Febaryanto__Menampilkan Peta Wikimapia Diwebsite Atau Blog