छवि मानचित्र बस सरल HTML टैग हैं
छवि मानचित्र आपकी वेबसाइट को जीवंत बनाने के लिए एक रोमांचक और रोचक तरीका हैं- उनके साथ, आप छवियां अपलोड कर सकते हैं और उन छवियों के हिस्सों को अन्य ऑनलाइन संपत्तियों पर क्लिक करने योग्य बना सकते हैं। यदि आप चुटकी में हैं और एक छवि मानचित्र संपादक डाउनलोड नहीं करना चाहते हैं, तो HTML टैग का उपयोग करके मानचित्र बनाना सरल है।
आपको एक छवि, एक छवि संपादक और कुछ प्रकार के HTML संपादक या टेक्स्ट एडिटर की आवश्यकता होगी। जब आप छवि में इंगित करते हैं तो अधिकांश छवि संपादक आपको अपने माउस के निर्देशांक दिखाएंगे। यह समन्वय डेटा आपको छवि मानचित्रों के साथ शुरू करने की आवश्यकता है।
एक छवि मानचित्र बनाना
एक छवि मानचित्र बनाने के लिए, पहले एक छवि का चयन करें जो मानचित्र के आधार के रूप में कार्य करेगा। छवि "सामान्य आकार" होनी चाहिए -यह है, आपको इतनी बड़ी छवि का उपयोग नहीं करना चाहिए कि ब्राउजर इसे स्केल करेगा।
जब आप छवि डालते हैं, तो आप एक अतिरिक्त विशेषता जोड़ देंगे जो मानचित्र के निर्देशांक की पहचान करता है:
जब आप कोई छवि मानचित्र बनाते हैं, तो आप उस क्षेत्र को बना रहे हैं जो छवि पर क्लिक करने योग्य है, इसलिए मानचित्र के निर्देशांक आपके द्वारा चुने गए चित्र की ऊंचाई और चौड़ाई के साथ लाइन होना चाहिए। मानचित्र तीन अलग-अलग प्रकार के आकार का समर्थन करते हैं:
- आयत-आयताकार या चार तरफा आंकड़ा
- पॉली-बहुभुज या बहु-पक्षीय आकृति
- सर्कल-एक सर्कल
क्षेत्रों को बनाने के लिए, आपको उन विशिष्ट निर्देशांक को अलग करना होगा जिन्हें आप मानचित्र बनाना चाहते हैं। एक मानचित्र में छवि पर एक या अधिक परिभाषित क्षेत्र हो सकते हैं, जब क्लिक किया गया, तो एक नया हाइपरलिंक खोलें।
एक आयताकार के लिए , आप केवल ऊपरी बाएं और निचले दाएं कोनों को मानचित्रित करते हैं। सभी निर्देशांक एक्स, वाई (ओवर, अप) के रूप में सूचीबद्ध हैं। तो, ऊपरी बाएं कोने 0,0 और निचले दाएं कोने के लिए 10,15 आप 0,0,10,15 टाइप करेंगे । फिर आप इसे मानचित्र में शामिल करते हैं: