Membuat Peta dengan tag HTML Map Area Djoko Soerjanto, M.Kom
Pengantar HTML menyediakan fasilitas sederhana untuk membuat mapping sebuah gambar. Dengan menggunakan mapping gambar tersebut, dapat dikreasikan menjadi sebuah halaman yang memuat peta sederhana. Layanan HTML dalam menangani peta gambar adalah dengan menggunakan tag <map></map> yang dilengkapi dengan <area></area>.
Tag MAP Tag MAP terdiri dari beberapa pilihan untuk penandaan bujursangkar (rect), penandaan lingkaran (circle) penandaan poligon. Tag map ini membutuhkan gambar sebagai media yang akan ditandai. Sedangkan penunjuk tempat dapat menggunakan koordinat yang terdapat pada HTML source.
Syntax Pemakaian <img src=“namafile" width="" height="" usemap="#namapeta"> <map name=“namapeta"> <area shape="" coords="" href="" alt=““ target=“”> <area shape="" coords="" href="" alt=““ target=“”> … </map>
Atribut Atribut usemap pada tag IMG digunakan untuk merelasikan antara image dengan map. Atribut shape digunakan untuk mengatur bentuk area. Diisikan dengan rect, circle atau poly. Atribut coords sebagai koordinat lokasi area pada map. Jika shape=rect, maka : x1,y1,x2,y2 (left,top,right,bottom) Jika shape=circle, maka : centerx,centery,radius Jika shape=poly, maka : x1,y1,x2,y2,..,xn,yn
Contoh 1 Menampilkan 3 area berbeda bentuk. Jika diklik area tersebut muncul pesan
Contoh 2 Jika diklik area maka muncul informasi.
Contoh Web http://berniaga.com/ http://www.gamedevmap.com/
Kekurangan / Kelemahan Tidak suppor fitur zoom seperti Google Map. Bukan gambar vector.
Tool pendukung yang dipakai CorelDraw, Adobe Photoshop atau sejenisnya untuk desain tampilan ulang peta http://imagemap-generator.dariodomi.de/ untuk mengetahui lokasi
Pengembangan dengan database Jika diklik pada area tertentu memunculkan informasi detail dari pilihan area tersebut.
Database Database : maplokasi Tabel : kabupaten
Kode program
Kode program (lanjutan)
Tugas Kelompok Maksimal : 4 orang ( design, input data, koding ) Bikan map lokasi untuk project kecil apa saja Waktu 1 minggu Kirim tugas dalam bentuk ZIP/RAR ke email dosen