1. Pertama buka dahulu situs Google Maps di website ini http://maps.google.com, setelah itu masukan alamat perusahaan anda lihat pada KOTAK HIJAU pada gambar dibawah ini.
2. Ambil kode alamat yang dibuat google maps. Caranya klik menu Bagikan (lihat pada KOTAK HIJAU pada gambar di bawah ini).
3. Setelah itu klik Tab "Sematkan Peta" (tanda KOTAK HIJAU 1 di bawah ini). Kemudian Pilih Ukuran (KOTAK HIJAU 2 pada gambar) Bila sudah, copy code yang ada (KOTAK HIJAU 3 pada gambar).
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Kontak Kami</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<link rel="shortcut icon" type="image/x-icon" href="img/icon/favicon.ico">
<!-- Place favicon.ico in the root directory -->
<!-- all css here -->
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="css/responsive.css">
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!-- google maps -->
<iframe src="<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15957.87356383682!2d100.5723094!3d0.7588474!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x4b640749f500330f!2sHadiCell%20Pagaran%20Tapah!5e0!3m2!1sid!2sid!4v1601452360501!5m2!1sid!2sid" width="400" height="300" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</body>
</html>
Jika sudah maka peta alamat Anda akan tampil di website Anda. Demikian tutorial cara mudah memasukkan google maps ke dalam website, semoga bermanfaat.
No comments:
Post a Comment