Kadang kita butuh untuk embed maps pada website kita, namun beberapa maps berbayar untuk embed maps, nah pada artikel kali ini Konsep Koding akan berbagi tutorial HTML Javscript untuk embed maps di web dengan mudah dan gratis.

Tutorial Embed Maps HTML Javascript Mudah!
Tutorial Embed Maps HTML Javascript Mudah!


Ok langsung saja ikuti tutorial di bawah ini untuk mengembed data Maps pada Website dengan mudah dan gratis.

Tutorial Embed Maps HTML Javascript Mudah!


Kemudian cari lokasi yang ingin anda embed.

Kemudian Get HTML Code nya



Lalu buat seperti di bawah ini :

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>Map Google</h1>
<div class="mapouter"><div class="gmap_canvas"><iframe width="600" height="500" id="gmap_canvas" src="https://maps.google.com/maps?q=Pungangan%20Madukara&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe><a href="https://www.whatismyip-address.com"></a><br><style>.mapouter{position:relative;text-align:right;height:500px;width:600px;}</style><a href="https://www.embedgooglemap.net">google iframe map</a><style>.gmap_canvas {overflow:hidden;background:none!important;height:500px;width:600px;}</style></div></div>

</body>
</html>


Maka hasilnya akan seperti di bawah ini :



Sekian semoga artikel embed google maps dapat bermanfaat dan membantu kamu yang ingin embed maps pada website gratis.


Baca Juga:

Tutorial Mengubah Background Warna/Gambar HTML Mudah 

Tutorial Open Link Href Email HTML

Tutorial Embed Audio di HTML Simpel!