Membuat Peta di Google Maps Untuk Website atau Blog

Langsung aja deh gak perlu pakai penjelasan dasar teori dan latar belakang segala. Hehe. Kali ini saya akan share cara membuat peta di Google Maps dengan menentukan alamat lokasi kita sendiri dan memasangnya pada website atau blog yang kita punya.

1. Bukalah situ https://mapsengine.google.com/map/, lalu klik Buat peta baru 
   
2. Setelah terbuka, arahkan pada kotak di sebelah kiri layar untuk memulai membuat peta kita. 
   
3. Klik pada text Peta tanpa judul, lalu isikan dengan Judul peta dan Diskripsi yang kita inginkan, misalnya seperti yang saya isikan pada gambar dibawah ini : 
   
   Sudah? Klik Simpan
4. OK, kemudian kita ketik nama kota atau alamat pada kotak search di bagian sebelah atas. 
   
   Jika sudah, klik tombol search.
5. Nah, setelah kita klik search, maka pada peta akan terdapat titik – titik petunjuk navigasi. (ditempat saya warnanya ijo) 
   
   Sekarang kita cari alamat kita dengan men-zoom petanya dengan menggunakan mouse scroll atau bisa juga dengan menggunakan zoom tools yang terdapat di pojok kanan bawah layar kita. 
   
6. Setelah lokasi tempat yang kita tuju telah ketemu, klik tombol tambahkan penanda untuk menandai lokasi alamat yang ingin kita petakan. (perhatikan pada gambar dibawah ini) 
   
   Klik pada tombol tambahkan penanda, lalu klik pada peta di lokasi yang kita inginkan. 
   
   Woyo, beginilah hasilnya. Sekarang tinggal kita beri Nama dan Deskripsi dari alamat kita tersebut. 
   
   Jika sudah, klik Simpan
7. Ok, sekarang kita beralih lagi ke kotak yang ada di sebelah kiri. Klik icon seperti gambar dibawah ini untuk mengubah warna dan icon pada penanda. 
   
   Disini saya akan menggantinya dengan warna biru 
   
8. Setelah itu untuk mengganti ikon pada penanda, klik Ikon Selengkapnya. 
   
   Jika sudah dipilih, klik oke.
9. Lanjut dah, klik pada icon yang terdapat di sebelah kiri Lapisan tanpa judul, setelah itu pilihlah pada menu Buka tabel data 
   
10. Disini kita akan menambahkan URL pada keterangan pada penanda yang telah kita buat.
11. Setelah tabel data terbuka, klik lah tanda panah kecil pada bagian ujung tabel data, lalu pilih Sisipkan kolom setelah 
    
12. Tuliskan nama kolom dengan nama URL dengan tipe teks, klik Tambahkan 
    
13. Jika sudah, pada tabel data akan tertambah satu buah kolom baru. Klik kotak kosong di bawah tab URL lalu isikan alamat website kita. 
    
14. Oke deh, penanda yang kita buat sudah selsai, sekarang tinggal kita share dan kita tampilkan di website kita. 
    
15. Klik pada menu Bagikan, lalu kita ubah pada yang memiliki akses dengan pilihan Public di web 
    
    
    
    
    Sudah? Klik simpan 
16. Agar lebih tokcer, kita ubah tampilan peta kita menjadi peta satelit. Klik tanda panah disamping tulisan Peta dasar, lalu pilihlah peta Satelit. 
    
    Hasilnya, 
    
17. Setelah itu klik icon kecil yang berada di sebelah kiri menu Bagikan. Lalu pilihlah Sematkan di situs saya.
    
18. Nah kita akan mendapatkan kode HTML untuk disalin pada website atau blog kita 
    
19. Jika akan dipasang pada blog, saat membuat posting atau page, gunakanlah mode HTML untuk memasang kode HTML dari peta yang kita buat. 
    
20. Oh iya, jangan lupa tagnya sedikit kita modif ya… agar saat ditampilkan pada halaman blog atau website ukurannya petanya dapat menyesuaikan Misal kode html yang kita dapatkan adalah :
    <iframe src="https://www.google.com/maps/d/embed?mid=zQgEAw6rlUi8.kJ07Q_kWe7BI" width="640" height="480"></iframe>
    
    
    Teman teman ubah menjadi :
    <iframe src="https://www.google.com/maps/d/embed?mid=zQgEAw6rlUi8.kJ07Q_kWe7BI" style="height: 480px; width: 95%;"></iframe>
21. Selesai deh, setelah saya pasang di blog hasilnya kurang lebih seperti ini 
    

Okee deh, cukup sekian ya tutorial cara membuat peta di google maps dan memasangnya pada website atau blog kita. Semoga tutorial nya cukup jelas dan bisa bermanfaat.

Sumber referensi :

http://www.kompiajaib.com/2014/10/membuat-google-maps-dan-menentukan.html