Pengenalan Code HTML Google Maps. Hai ! Pada tutorial yang lalu kita sudah mempelajari tentang Pengenalan Code HTML Kutipan Text , jika anda ingin melihat panduan lengkap tentang HTML anda bisa mengunjungi halaman berikut : https://www.dicloud.id/tutorial/categories/perkenalan-html/ , disini saya akan menjelaskan tentang Pengenalan Code HTML Google Maps, berikut penjelasannya :
Pengenalan Code HTML Google Maps
disini saya akan menjelaskan tentang Pengenalan Code HTML Google Maps, berikut penjelasannya :
Code HTML Google Maps
Disini saya akan memberikan contoh code untuk menampilkan alamat google maps di html , berikut contoh nya :
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <html> <head> <title>Google Maps Code HTML Testing</title> </head> <body> <p>test HTML google maps code HTML</p> <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d21695.17407958354!2d115.50091741600089!3d-8.344341533925673!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dd202e428b2eac7%3A0xa7d7d26cb3a3a7ad!2sMount+Agung!5e0!3m2!1sen!2sid!4v1512735064408" height="400" width="1260" allowfullscreen frameborder="0"></iframe> </body> </html> |
Dan akan menampilkan hasil seperti gambar dibawah ini :
Nah disini kita tetap menggunakan elemen <iframe> karena kita menginput sebuah maps jadi kita memerlukan frame untuk menempatkan maps tersebut , jika anda bertanya tanya dimana mendapatkan link tersebut anda bisa mencari nya di google maps dengan cara klik Share lalu klik Embed Maps , lalu anda bisa copy code dari google maps tersebut dan paste pada html anda , seperti gambar dibawah ini :
dan anda bisa mengubah width dan height dari frame tersebut
Kesimpulan
Untuk memasukkan google maps anda bisa menggunakan elemen frame yaitu <iframe>.
Sekian Terima Kasih
Technical Support in dicloud.id