Cara Menambahkan Google Translate dan Maps
Selamat datang kembali di webite tips dan trik Source Code Aplikasi, di artikel sebelumnya kita telah membahas mengenai html dan css. Di kesempatan kali ini saya akan memberikan tips dan trik mengenai Cara Menambahkan Google Translate dan Maps.
Kita segala tahu kini jaman telah amat modern, dengan menggunakan internet kita dapat akses informasi apa saja dengan mengakses laman atau media yang lainnya. Karena tema kita mengenai laman saya akan mencoba memberikan tips bagaimana sih cara menambahkan google translate dan google maps. Teman – teman yang sedang belajar membangun laman perlu di simak nih cara memasukkannya, kita tak akan membuatnya melainkan memanggil library nya saja. Google translate dapat kita pasang di pada laman kita bagi user yang tak paham Bahasa yang terdapat di pada laman itu sendiri, dan kita pun akan memasang maps lagi – lagi kita tak akan membuatnya melainkan memanggil library nya saja. Seketika saja kita implementasikan Cara Menambahkan Google Translate dan Maps, teman – teman siapkan text editornya dan ketikkan script di gambar di bawah ini
Kemudian tambahkan script di bawah ini
<script type=”text/javascript” src=”http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit”></script>
<script type=”text/javascript”>
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: ‘en’}, ‘google_translate’);
}
</script>
Kalau telah save dengan nama index.html dan jalankan di browsernya, karenanya hasilnya seperti gambar di bawah ini
Kemudian pilih Bahasa yang teman – teman inginkan, saya coba dnegan Bahasa inggris
Berikutnya kita akan menampilkan maps, teman – teman ketikkan di url google maps -> domisili teman – teman dikala ini berada. Disini saya menggunakan domisili Source Code Aplikasi Grogol
Lalu klik share -> embed map
Dan copy tag iframe nya dan pastekan di text editornya
Karenanya hasilnya seperti gambar di bawah ini
Bagaimana, lumayan gampang bukan..??
Dengan seperti itu teman – teman dapat tambahkan di project laman nya, google memang top 🙂
Demikian di artikel kali ini mengenai Cara Menambahkan Google Translate dan Maps kita jumpa kembali di artikel yang akan dating. Terimakasih dan hingga jumpa, semoga bermanfaat.
Sumber https://kursuswebsite.org
