Di kesempatan ini saya akan membagikan tutorial Cara Menambahkan Maps di HTML. Sebagian web biasanya memberikan widget maps pada websitenya. Dan saya membagikan tutorial juga untuk memenuhi tugas akhir di salah satu mata pelajaran saya.
Berikut Langkah - Langkahnya :
1. Buka Google Maps atau buka link di samping maps.google.com
2. Lalu cari lokasi yang di inginkan. Misal: Menara Kudus.
3. Kemudian pilih Bagikan → pilih Tab Sematkan Peta.
4. Selesai.
Atau sobat bisa menggunakan script berikut:
<!DOCTYPE html>
<html>
<head>
<title>Maps</title>
</head>
<body>
<h1>Peta Lokasi</h1>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3961.7178694078752!2d110.83045951436645!3d-6.804135295082168!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e70c4b21821c99d%3A0x2bd4906cbd6c9adf!2sMenara+Kudus!5e0!3m2!1sid!2sid!4v1495436556277" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</body>
</html> Selamat mencoba
1 comment:
coba