Menampilkan Google Map di Dalam Website atau Blog Febri Aryanto febaryanto@gmail.com http://masfebjalanjalan.blogspot.com Lisensi Dokumen: 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. Melanjutkan tulisan sebelumnya, kali ini saya akan berbagi mengenai cara menampilkan google map didalam website atau blog kita. Sebenarnya sama saja dengan wikimapia, tetapi tampilan dari google map lebih sederhana. Jika pada wikimapia yang ditampilkan secara default adalah tampilan gambar foto yang diambil dari satelit, sedangkan pada google map secara default menampilkan gambar peta biasa (bukan gambar foto dari satelit). Tahapan dalam Menampilkan Google Map di Dalam Website atau Blog Berikut adalah tahapan-tahapan untuk menampilkan google map didalam website atau blog: 1. Buka google map (maps.google.com). Jika tampil seperti gambar dibawah ini, close (x) saja. 1
2. Kemudian ketikkan pada kotak pencarian alamat yang ingin Anda tampilkan petanya. Semisal Masjid Al Azhar Jakarta Timur. Maka akan ditampilkan suggestion alamat yang dicari. Cukup klik saja suggestion yang diberikan (jika ada). Jika tidak ada suggestion, klik icon lup. 3. Setelah kita menemukan lokasi yang dicari dipeta, klik icon gir di pojok kanan bawah halaman google map sehingga muncul list menu seperti berikut: Share and embed map My Places Web History Search Settings 2
4. Pilih Share and embed map. Sehingga muncul kotak pop-up yang menampilkan pilihan tab Share dan tab Embed. Karena kita ingin menampilkan google map didalam website atau blog kita, maka pilih tab Embed. 5. Setelah muncul tampilan peta yang nantinya akan kita tempatkan didalam website atau blog kita. Dikotak pilihan ukuran peta dapat disesuaikan dengan kebutuhan kita. Jika telah selesai, copy kode html pada kotak kode. Lalu tempatkan pada postingan diwebsite atau blog kita. 3
6. Jika kita akan menampilkannya pada sidebar web/blog, maka caranya sama dengan menampilkan pada postingan web/blog. 7. 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). 8. Setelah selesai mengkonfigurasi iframe dari google map di kotak editor, klik button update / publish. Sehingga tampilan google map akan muncul diwebsite kita. 4
Google map memang lebih sederhana daripada wikimapia. Bahkan waktu loading menurut saya lebih cepat menggunakan google map ketimbang wikimapia. Tapi kelebihan dari wikimapia adalah gambar asli foto satelit sehingga dapat menggambarkan keadaan muka bumi (peta) yang sebenarnya. Masing-masing memiliki kelebihan dan kekurangan. Untuk selanjutnya terserah kepada diri Anda untuk memilih tampilan mana yang paling sreg menurut penilaiananda. 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: febaryanto@gmail.com. 5