-->
Cara Pasang Peta Google Maps Di Blog Tampilan Hidup Dan Responsive
4/ 5 stars - "Cara Pasang Peta Google Maps Di Blog Tampilan Hidup Dan Responsive" Cara memasang peta google maps di web/blog  - Situs website/blog yang bertopik mengenai menjelaskan pemetaan lokasi seperti: wilayah, obje...

Cara Pasang Peta Google Maps Di Blog Tampilan Hidup Dan Responsive




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 jikalau ditambah widget gogle maps tampilan Iframe, biasanya akan menciptakan artikel semakin dalam memperjelas pengunjung dengan gosip pemetaan yang tersedia.

blog yang bertopik mengenai menjelaskan pemetaan lokasi ibarat Cara Pasang Peta Google Maps di Blog Tampilan Hidup dan Responsive
Peta google maps di situs website blog

Google Maps adalah satu layanan pemetaan digital dengan gambaran stelit dari google berupa website dan aplikasi sebagai pemandu (guides) yang dapat di pasang/semat dengan sistem multilingual API (pasang dimana pun), dimana pengguna dapat berinteraksi menelusuri tempat, jalan dan lainya hanya cukup dilayar perangkat.

Selain itu maps juga banyak gosip 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 kawasan Ibukota Indonesia yaitu: Tugu Monas Jakarta yang aku ambil koordinatnya untuk contoh.

Maps tampilan iframe

Inilah cara menambahkan widget peta google maps di website/blog


Catatan



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".
blog yang bertopik mengenai menjelaskan pemetaan lokasi ibarat Cara Pasang Peta Google Maps di Blog Tampilan Hidup dan Responsive
Cari lokasi di Adress kafe 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!.
blog yang bertopik mengenai menjelaskan pemetaan lokasi ibarat Cara Pasang Peta Google Maps di Blog Tampilan Hidup dan Responsive
Pilih lokasi klik tandai, >lalu buka Menu bar

3. Pada Menu kafe >Cari pilihan Share or embed map >lalu "Klik" ibarat pola gambar!
blog yang bertopik mengenai menjelaskan pemetaan lokasi ibarat Cara Pasang Peta Google Maps di Blog Tampilan Hidup dan Responsive
Klik hidangan kafe >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: Largemedium atau small, (Saya sarankan untuk pilih Small biar tampilan sesuai di seluler tidak terlalu besar).
  • Lihat isyarat pada Adress kafe (warna biru) kemudian copy/salin semua isyarat tersebut pasang di HTML artikel.
blog yang bertopik mengenai menjelaskan pemetaan lokasi ibarat Cara Pasang Peta Google Maps di Blog Tampilan Hidup dan Responsive
Pilih Embed map >Pilih Ukuran >Copy isyarat html maps


Note!
Sampai disini sudah selesai untuk mendapat isyarat html maps. Selanjutnya anda tinggal memasang di blog (di postingan atau Halaman statis)

Cara memasang isyarat HTML maps di postingan blog

Langkah dan cara memasukan isyarat google map di html post!

1. Login ke dashboard blog.
2. Buat Post gres atau edit postingan.
3. Pastekan isyarat tadi pada mode HTML postingan.
  • Ingat past di mode HTML post!
blog yang bertopik mengenai menjelaskan pemetaan lokasi ibarat Cara Pasang Peta Google Maps di Blog Tampilan Hidup dan Responsive
Pasang isyarat di HTML postingan

4. Cek pratinjau lebuh dulu jikalau ukuran tidak sesuai coba atur lagi ukuranya di HTML post itu.
  • height "250"
  • width="409" (sesuaikan saja)

5. Kalau dirasa sesuai kemudian disimpan, jikalau selesai siap diposting.


Kesimpulan  memasang widget peta google maps di web/blog

Gunakan widget iframe google maps di artikel sesuai kebutuhan dan usahakan serelevan mungkin, jikalau 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.