Muhammad Hafid

Blog Belajar Python atau Django

Muhammad Hafid

Tugas kita itu adalah bukan untuk berhasil, tugas kita adalah untuk mencoba, karena di dalam mencoba itulah kita menemukan dan belajar membangun kesempatan untuk berhasil.

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.


Labels: html

Thanks for reading Memasang Google Maps di HTML - Basic . Please share...!

0 Comment for "Memasang Google Maps di HTML - Basic"

Back To Top