Memasang Google Maps di HTML – Basic

Saya akan share sedikit mengenai basic pemasangan google maps di html. Pertama anda harus menentukan peta mana yang ingin anda pasang.
Silahkan ke google maps https://www.google.co.id/maps
Cari peta daerah dengan mengisi kotak search lokasi. Seperti pada contoh dibawah ini saya ingin memasang peta monas.

Setelah itu perhatikan di dekat kotak search ada “Bagikan” silahkan klik.

Sekarang pilih tab “Sematkan Peta” Disana ada script <iframe ……. Silahkan di copy, dan dipaste kan kedalam script html anda. Seperti pada contoh dibawah ini saya membuat script html sederhana.
<html>

<head>
<title>Maps Jakarat</title>
</head>
<body><iframe src=”https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4717.189665481928!2d106.82352243975329!3d-6.175198453836736!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0000000000000000%3A0x3d2ad6e1e0e9bcc8!2sMonumen+Nasional!5e0!3m2!1sid!2sid!4v1450753028654″ width=”100%” height=”450″ frameborder=”0″ style=”border:0″ allowfullscreen></iframe>
</body>
</html>

Semoga cukup membantu.

Leave a Reply

Your email address will not be published. Required fields are marked *