Membuat Peta Google

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

mel

Langkah Pertama : Klik pada tombol peta baru

maps1

Langkah kedua : Masukkan alamat Anda

maps2

Langkah ketiga : Klik Peta Tanpa Judul

maps3

Langkah keempat : Klik Lapisan tanpa judul

maps4

Langkah keempat : Klik Bagikan

bagikan

Lalu ubah pengaturannya dengan mengklik “ubah”. Kemudian silahkan pilih publik di web

maps6

Langkah kelima : Klik pada icon folder

maps7

lalu pilih sematkan di situs saya, nanti akan tampil seperti dibawah ini :

maps8

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.

Sumber : https://www.webhozz.com/blog/membuat-peta-google/

admin