Jumat, 06 Oktober 2017

HTML: Meng-Embedkan Maps ke HTML Menggunakan Iframe


Assalamualaikum sobat. Semoga tetap sehat dan selalu dalam lindunganNya. Amin. Bertemu lagi nih. Langsung saja, kali ini saya akan sharing mengenai Tutorial Meng-Embedkan Maps ke HTML Menggunakan Iframe.
Langsung saja ya....
A. JUDUL
Meng-Embedkan Video dan Google Maps ke HTML Menggunakan Iframe

B. PENDAHULUAN
1. Pengertian
A map is a symbolic depiction emphasizing relationships between elements of some space, such as objects, regions, or themes. Atau dalam Bahasa Indonesia berarti Peta adalah penggambaran simbolis yang menekankan hubungan antara unsur-unsur beberapa ruang, seperti objek , daerah , atau tema. 
 
2. Latar Belakang
Banyak peta statis, tetap menggunakan kertas atau media tahan lama lainnya, sementara yang lain bersifat dinamis atau interaktif. Meskipun paling umum digunakan untuk menggambarkan geografi, peta mungkin mewakili ruang , nyata atau imajiner, tanpa memperhatikan konteks atau skala , seperti pemetaan otak , pemetaan DNA , atau pemetaan topologi jaringan komputer. Ruang yang dipetakan bisa dua dimensi, seperti permukaan bumi, tiga dimensi, seperti interior bumi, atau bahkan ruang abstrak yang lebih banyak dari dimensi apapun, seperti timbul dalam fenomena pemodelan yang memiliki banyak variabel independen. Namun, sekarang Maps bisa berbentuk dinamis, yang dapat diembedkan ke dalam script HTML, yang dapat dibuka pada browser. 
 
3. Maksud danTujuan
  • Menampilkan Maps ke dalam script HTML
  • Menambah Maps ke dalam website
4. Hasil yang Diharapkan
Dengan adanya embed ke HTML ini, diharapkan kita dapat mengembedkan sebuah Maps ke dalam website kita.

C. ALAT dan BAHAN
  • Web Browser
  • Text Editor
  • Maps
D. JANGKA WAKTU
5 menit


E. LANGKAH-LANGKAH
  • Buka text editor
  • Simpan dengan nama.html
  • Ketikkan script seperti di bawah ini
 
  • Lalu buka google maps
 
  • Ketikkan tempat yang ingin dituju.
  • Klik bagikan, dan sematkan gambar
  • Masukkan ke dalam script, seperti di bawah
  • Simpan, dan buka file nya melalui browser.
  • Hasilnya, seperti berikut

F. HASIL yang DIDAPAT
Maps berhasil di embedkan ke dalam script HTML, dan nyatanya juga dapat dibuka.

G. PENEMUAN PERMASALAHAN
Kesalahan dalam menyematkan link.



H. KESIMPULAN
HMTL 5 sekarang sudah support maps, dengan ini, kita dapat menambahkan maps ke dalam website kita. Sesuai dengan posisi yang kita inginkan.

Tidak ada komentar:
Write komentar