Cara Memasukan Google Map Ke Website

Cara Memasukan Google Map Ke Website

Google Maps adalah sebuah web yang menyediakan layanan peta yang dibuat oleh Google.

Dengan google maps, kita dapat dengan mudah menemukan tempat yang kita cari.

Google map juga dapat kita masukan ke dalam website, banyak website yang juga sudah memasukan google maps ke dalam web mereka.

Langsung saja, berikut adalah caranya.

Menambahkan Google Maps Ke Website

Buka https://www.google.co.id/maps/, lalu cari tempat yang akan dimasukan ke dalam website.

Google Maps

Lalu klik tombol bagikan/share.

Google Maps Tombol Share

Akan muncul pop-up, klik menu embed map/sematkan peta.

Google Maps Tombol Share

Copy kode yang ada dikotak/klik salin html. Anda juga dapat mengatur ukuran peta yang akan ditampilkan ke website.

Masukan kode yang disalin tadi ke website.

<!DOCTYPE html>
<html>
<head>
  <title>Google Map</title>
  <meta charset=utf-8>
</head>
<body>

  <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3956.6222025608636!2d109.69289791419568!3d-7.39615999466342!2m3!1f0!2f0!3f03m2!1i1024!2i768!4f13.1!3m3!1m2
!1s0xe7aa92d289be595%3A0xd8495a47efb0b365!2sAlun%20Alun%20Banjarnegara
!5e0!3m2!1sid!2sid!4v1575641559301!5m2!1sid!2sid" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>

</body>
</html>

Save dan coba dibuka di browser.

Seperti ini hasil akhirnya.

Untuk selanjutnya silahkan kembangkan sendiri.

Sekian postingan kali ini semoga bermanfaat.

Related Post

Comments

X