Apa yang Perlu Diketahui
• Gunakan imej saiz biasa yang penyemak imbas tidak akan menskala semula. Anda juga memerlukan editor imej dan HTML atau editor teks.
• Apabila memasukkan imej, tambahkan atribut tambahan untuk mengenal pasti koordinat peta.
• Contohnya:
Artikel ini menerangkan cara membuat Peta Imej menggunakan teg HTML dan bukannya editor peta imej. Kebanyakan penyunting imej akan menunjukkan kepada anda koordinat tetikus anda apabila anda menunjuk ke dalam imej, iaitu semua data yang anda perlukan untuk bermula dengan peta imej.
Membuat Peta Imej
Untuk membuat peta imej, mula-mula pilih imej yang akan berfungsi sebagai asas peta. Imej itu hendaklah "saiz biasa"-iaitu, anda tidak boleh menggunakan imej yang terlalu besar sehingga penyemak imbas akan menskalakannya.
Apabila anda memasukkan imej, anda akan menambah atribut tambahan yang mengenal pasti koordinat peta:
Apabila anda membuat peta imej, anda sedang mencipta kawasan yang boleh diklik pada imej, jadi koordinat peta mesti sejajar dengan ketinggian dan lebar imej yang anda pilih. Peta menyokong tiga jenis bentuk yang berbeza:
- tegak-segi empat tepat atau angka empat sisi
- poli-poligon atau angka berbilang sisi
- bulatan-bulatan
Untuk mencipta kawasan, anda mesti mengasingkan koordinat khusus yang ingin anda petakan. Peta mungkin terdiri daripada satu atau lebih kawasan yang ditentukan pada imej yang, apabila diklik, membuka hiperpautan baharu.
Untuk segi empat tepat, anda hanya memetakan sudut kiri atas dan bawah kanan. Semua koordinat disenaraikan sebagai x, y (atas, atas). Jadi, untuk sudut kiri atas 0, 0 dan sudut kanan bawah 10, 15 anda akan menaip 0, 0, 10, 15. Anda kemudian memasukkannya ke dalam peta:
Untuk poligon, anda memetakan setiap x, y menyelaras secara berasingan. Penyemak imbas Web secara automatik menghubungkan set koordinat terakhir dengan yang pertama; apa-apa sahaja di dalam koordinat ini adalah sebahagian daripada peta.
Bentuk bulatan hanya memerlukan dua koordinat, seperti segi empat tepat, tetapi untuk koordinat kedua, anda tentukan jejari atau jarak dari pusat bulatan. Jadi, untuk bulatan dengan pusat pada 122, 122 dan jejari 5 anda akan menulis 122, 122, 5:
Semua kawasan dan bentuk boleh disertakan dalam teg peta yang sama:
Pertimbangan
Peta imej adalah lebih biasa dalam era Web 1.0 pada 1990-an hingga awal 2000-an-peta imej sering menjadi asas navigasi tapak web. Pereka bentuk akan mencipta beberapa jenis gambar untuk menunjukkan item menu, kemudian menetapkan peta.
Pendekatan moden menggalakkan reka bentuk responsif dan menggunakan helaian gaya berlatarkan untuk mengawal peletakan imej dan hiperpautan pada halaman.
Walaupun teg peta masih disokong dalam standard HTML, penggunaan peranti mudah alih dengan faktor bentuk yang kecil boleh membawa kepada masalah prestasi yang tidak dijangka dengan peta imej. Di samping itu, masalah lebar jalur atau imej rosak menimbulkan nilai peta imej.
Jadi, jangan ragu untuk terus menggunakan teknologi yang stabil dan difahami dengan baik ini dengan mengetahui bahawa terdapat alternatif yang lebih cekap pada masa ini yang popular dengan pereka Web.
