Muhammad Hafid

Janganlah malas untuk berkarya, biarpun sederhana tetapi bermanfaat bagi orang lain. Kerjakan dengan penuh kesabaran dan keikhlasan

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"

Terima kasih sudah berkunjung ke blog saya, semoga informasi nya bermanfaat buat anda.

Back To Top