Mungkin pembaca pernah melihat atau ingin meng-klik sebuah link lihat alamat, lalu link tersebut nantinya akan menuju ke google maps. Nah sekarang kita akan membuat peta berupa gambar. Sehingga Anda tidak perlu membuatkan link, cukup menampilkan peta gambar yang sebelumnya sudah dibuat di Maps Engine Lite . Untuk melihatnya bisa membuka alamat ini : https://mapsengine.google.com/map/
Maps Engine Lite
Langkah Pertama : Klik pada tombol peta baru
Langkah kedua : Masukkan alamat Anda
Langkah ketiga : Klik Peta Tanpa Judul
Langkah keempat : Klik Lapisan tanpa judul
Langkah keempat : Klik Bagikan
Lalu ubah pengaturannya dengan mengklik “ubah”. Kemudian silahkan pilih publik di web
Langkah kelima : Klik pada icon folder
lalu pilih sematkan di situs saya, nanti akan tampil seperti dibawah ini :
Langkah keenam : Copy dan Paste di HTML Editor-mu , diantara <body> ….</body>, letak kan kode seperti ini :
<!DOCTYPE html>
<html>
<head>
<style>
.wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}
.wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
</style>
</head>
<body>
<Div class= "wrapper">
<iframe src= "..." width= "..." height= " ... " > < /iframe>
< /div>
</body>
</html>
Keterangan : isilah …. dengan html yang sudah anda salin, seperti gambar diatas.