Cara memasang peta google maps di web/blog - Situs website/blog yang bertopik mengenai menjelaskan pemetaan lokasi seperti: wilayah, objek wisata, gunung, kelautan sentra kota dan semacamnya sangat cocok kalau ditambah widget gogle maps tampilan Iframe, biasanya akan menciptakan artikel semakin dalam memperjelas pengunjung dengan info pemetaan yang tersedia.
 |
| Peta google maps di situs website blog |
Selain itu maps juga banyak info mengenai rute (Direction) jarak tempuh dan lainya.
Istilah pasang maps
Menambahkan peta di website biasa di sebut semat peta maps atau Embed map, jadi kalau dipasang akan otomatis tampil widget google maps atau berupa link di postingan tersebut.
Contoh memasang peta google maps disemat di postingan blog
Lokasi ini di ambil di tempat Ibukota Indonesia yaitu: Tugu Monas Jakarta yang aku ambil koordinatnya untuk contoh.
Lihat pula: Cara pasang tombol Aplikasi di Postingan
Inilah cara menambahkan widget peta google maps di website/blog
Catatan
- Gunakan perangkat komputer (laptop / PC)
- Jika anda menggunakan gadget smartphone android/iOS? terlebih dahulu Ubah tampilan situs mobile ke versi dekstop atau supaya lebih jelas lihat Cara pasang google map dengan Smartphone
1. Mulai dengan langkah pertama cara memasabg widget google map silahkan buka PC atau Laptopnya.
- Pada browser (apa saja) kunjungi google.maps.com
- Cari koordinat lokasi sasaran yang akan diembed, supaya lebih cepat mencari gunakan Serach maps kemudian ketik nama lokasi yang akan anda buat pola "Monas".
 |
| Cari lokasi di Adress kafetaria maps |
2. Setelah ditemukan lokasi, tentukan titik yang sempurna lokasi/koordinat dapat perbesar (zoom) terlebih dahulu tempat tersebut kemudian tandai dengan mengarahkan Cursor dan klik kiri.
- jika lokasi itu belum ada namanya dapat di tandai saja dengan mengklik kiri sempurna pada titik tersebut dengan menggunakan Mouse itu juga akan otomatis bisa.
- Setelah ditandai lokasi >lalu "Klik" Menu samping atas!.
 |
| Pilih lokasi klik tandai, >lalu buka Menu bar |
3. Pada Menu kafetaria >Cari pilihan Share or embed map >lalu "Klik" ibarat pola gambar!
 |
| Klik sajian kafetaria >Klik Share or embed map |
4. Selanjutnya akan muncul dua kali pop up?
- Di Pop up ke 1. >(Share link<>Embed map) Klik saja "Embed map"
- Di Pop up ke 2. Akan muncul iframe peta maps, silahkan pilih ukuran tampilan: Large, medium atau small, (Saya sarankan untuk pilih Small biar tampilan sesuai di seluler tidak terlalu besar).
- Lihat instruksi pada Adress kafetaria (warna biru) kemudian copy/salin semua instruksi tersebut pasang di HTML artikel.
 |
| Pilih Embed map >Pilih Ukuran >Copy instruksi html maps |
Note!
Sampai disini sudah selesai untuk mendapat instruksi html maps. Selanjutnya anda tinggal memasang di blog (di postingan atau Halaman statis)
Cara memasang instruksi HTML maps di postingan blog
Langkah dan cara memasukan instruksi google map di html post!1. Login ke dashboard blog.
2. Buat Post gres atau edit postingan.
3. Pastekan instruksi tadi pada mode HTML postingan.
- Ingat past di mode HTML post!
 |
| Pasang instruksi di HTML postingan |
4. Cek pratinjau lebuh dulu kalau ukuran tidak sesuai coba atur lagi ukuranya di HTML post itu.
- height "250"
- width="409" (sesuaikan saja)
Kesimpulan memasang widget peta google maps di web/blog
Gunakan widget iframe google maps di artikel sesuai kebutuhan dan usahakan serelevan mungkin, kalau dirasa harus dipasang silahkan menampilkan google maps di blog.
Semoga artikel mengenai bagaimana cara pasang / embed widget peta google maps di website di halaman blog dapat membantu.