Peta Gambar Hanya Tag HTML Sederhana
Peta gambar adalah cara yang menarik dan menarik untuk menghidupkan situs Web Anda — bersama mereka, Anda dapat mengunggah gambar dan membuat bagian-bagian dari gambar tersebut dapat diklik ke aset online lainnya. Jika Anda dalam keadaan darurat dan tidak ingin mengunduh editor peta gambar, membuat peta menggunakan tag HTML sangatlah mudah.
Anda membutuhkan gambar, editor gambar, dan semacam editor HTML atau editor teks. Kebanyakan editor gambar akan menunjukkan koordinat mouse Anda ketika Anda menunjuk pada gambar. Data koordinat ini adalah semua yang Anda butuhkan untuk memulai dengan peta gambar.
Membuat Peta Gambar
Untuk membuat peta gambar, pertama-tama pilih gambar yang akan menjadi dasar peta. Gambar harus "ukuran normal" —yaitu, Anda tidak boleh menggunakan gambar yang begitu besar sehingga browser akan menskalakannya.
Saat Anda memasukkan gambar, Anda akan menambahkan atribut tambahan yang mengidentifikasi koordinat peta:
Saat Anda membuat peta gambar, Anda membuat area yang dapat diklik pada gambar, sehingga koordinat peta harus sejajar dengan tinggi dan lebar gambar yang Anda pilih. Maps mendukung tiga jenis bentuk yang berbeda:
- rect — bentuk persegi panjang atau empat sisi
- poly — poligon atau gambar multi-sisi
- lingkaran — lingkaran
Untuk membuat area, Anda harus mengisolasi koordinat spesifik yang ingin Anda petakan. Peta dapat terdiri dari satu atau beberapa area yang ditentukan pada gambar yang, ketika diklik, membuka hyperlink baru.
Untuk persegi panjang , Anda hanya memetakan sudut kiri atas dan sudut kanan bawah. Semua koordinat terdaftar sebagai x, y (over, up). Jadi, untuk pojok kiri atas 0,0 dan sudut kanan bawah 10,15 Anda akan mengetik 0,0,10,15 . Anda kemudian memasukkannya ke dalam peta:
Untuk poligon , Anda memetakan setiap x, y berkoordinasi secara terpisah. Browser Web secara otomatis menghubungkan set koordinat terakhir dengan yang pertama; apa pun di dalam koordinat ini adalah bagian dari peta.