Menampilkan Peta di Website

Cara Memasang dan Menampilkan Peta Google Map di Website (Blogspot / Wordpress)

Cara Memasang dan Menampilkan Peta Google Map di Website - Google Maps adalah salah satu aplikasi web yang disediakan oleh Google untuk menampilkan Peta di Desktop maupun Mobile. Aplikasi Web Google Maps ini sangat bermanfaat bagi webmaster atau blogger untuk menunjukan lokasi yang diinginkan kepada pengunjung Website atau Blognya. Lokasi yang ditunjukan bisa saja merupakan alamat Kantor, lokasi rekreasi, lokasi hotel ataupun lokasi pusat perbelanjaan. Cara untuk memasang dan menampilkan Peta Google Map ini ke website kita pun boleh dikatakan cukup mudah, hanya beberapa langkah yang harus kita kerjakan untuk menampilkannya.

Langkah-langkah Memasang dan Menampilkan Peta Google Map di Website / Blog

Berikut dibawah ini akan saya sharing langkah-langkah untuk memasang dan menampilkan Peta Google Map di Website dan Blog terutama untuk platform Blogspot dan Wordpress.

Langkah di Google Maps

1. Ketikan alamat Google Maps ini di address bar browser anda : https://maps.google.com/
   
2. Di Kotak Pencarian Google Maps, silakan ketikan lokasi yang diinginkan.
   Misalnya : Nagoya Hill Mall Batam
   
3. Google Maps akan menampilkan lokasi yang kita inginkan tersebut.
4. Klik gambar "Gear" yang terdapat di bawah kanan Google Maps.
5. Akan muncul beberapa pilihan seperti :
   - Share and embeb map
   - My Places
   - Web History
   - Search Setting
6. Pilih dan Klik [Share and embeb map]
   
7. Google Maps akan memunculkan window yang menampilkan alamat link.
8. Pilih dan Klik [embeb] pada window tersebut.
   
9. Copy link yang ada didalam kotak.
   
10. Kemudian Pastekan ke Blog atau Website anda. 

Langkah di Website atau Blog

Blogspot / Blogger

Berikut ini langkah-langkah untuk meletakan link yang kita Copy dari Google Maps ke Blogger / Blogspot.

1. Masuk ke Dashboard Blogspot / Blogger anda
2. Akses Posting atau artikel yang akan anda tampilkan Peta Google Maps
3. Klik [HTML] untuk memasukan kode link yang telah di copy dari Google Maps.
   Catatan: Kode tersebut tidak dapat dimasukkan ke Text Editor Compose.
4. Pilih lokasi peletakan yang sesuai dengan keinginan anda
5. Paste-kan "link" tersebut.
6. Anda dapat lihat kembali atau review hasilnya dengan klik [Compose] atau [Preview].

Wordpress

Berikut ini langkah-langkah untuk meletakan link yang kita copy dari Google Maps ke Wordpress.

1. Masuk atau login ke Dashboard Wordpress anda
2. Akses Posting atau artikel yang akan anda tampilkan Peta Google Maps
3. Klik [Text] untuk memasukan kode link yang telah di copy dari Google Maps tadi.
   Catatan: Kode tersebut tidak dapat dimasukan ke Text Editor Visual.
4. Pilih lokasi yang tepat untuk meletakan Peta Google Maps dalam artikel anda
5. Paste-kan "link" tersebut
6. Anda dapat review kembali hasilnya dengan klik [Preview]

Sekian cara untuk memasang dan menampilkan Peta Google Maps di Website atau Blog anda baik yang berplatform Blogspot maupun Wordpress.

Semoga bermanfaat dan Selamat Mencobanya.