ഇമേജ് മാപ്സ് വെറും ലളിതമായ HTML ടാഗുകൾ
ഇമേജ് മാപ്പുകൾ എന്നത് നിങ്ങളുടെ വെബ് സൈറ്റിലെ അവരുടേത് ഉയർത്താൻ രസകരവും രസകരവുമായ ഒരു മാർഗമാണ്, നിങ്ങൾക്ക് ഇമേജുകൾ അപ്ലോഡ് ചെയ്യാനും ആ ചിത്രങ്ങളുടെ ഭാഗങ്ങൾ മറ്റ് ഓൺലൈൻ അസറ്റുകൾക്ക് തിരഞ്ഞെടുക്കാനും കഴിയും. നിങ്ങൾ ഒരു പിഞ്ചിൽ ആണെങ്കിൽ ഒരു ഇമേജ് മാപ്പ് എഡിറ്റർ ഡൗൺലോഡ് ചെയ്യാൻ ആഗ്രഹിക്കുന്നില്ലെങ്കിൽ, HTML ടാഗുകൾ ഉപയോഗിച്ച് ഒരു മാപ്പ് സൃഷ്ടിക്കുന്നത് എളുപ്പമാണ്.
നിങ്ങൾക്ക് ഒരു ഇമേജ്, ഇമേജ് എഡിറ്റർ, എതെങ്കിലും HTML എഡിറ്റർ അല്ലെങ്കിൽ ടെക്സ്റ്റ് എഡിറ്റർ ആവശ്യമാണ്. ഇമേജിൽ നിങ്ങൾ ചൂണ്ടിക്കാണിക്കുന്ന സമയത്ത് മിക്ക ഇമേജ് എഡിറ്ററുകളും നിങ്ങളുടെ മൌസ് കോർഡിനേറ്റുകളെ കാണിക്കും. ഇമേജ് മാപ്പുകൾ ഉപയോഗിച്ച് നിങ്ങൾക്ക് ആരംഭിക്കേണ്ട എല്ലാ കാര്യങ്ങളും ഈ കോർഡിനേറ്റ് ഡാറ്റയാണ്.
ഒരു ചിത്ര മാപ്പ് സൃഷ്ടിക്കുന്നു
ഒരു ഇമേജ് മാപ്പ് സൃഷ്ടിക്കാൻ, ആദ്യം മാപ്പ് അടിസ്ഥാനമാക്കിയുള്ള ഒരു ഇമേജ് തിരഞ്ഞെടുക്കുക. ചിത്രം "സാധാരണ വലുപ്പം" ആയിരിക്കണം -അതായത്, ബ്രൌസർ അതിനെ സ്കെയിൽ ചെയ്യുന്നതിനാൽ വളരെ വലുതായ ഒരു ഇമേജ് ഉപയോഗിക്കരുത്.
നിങ്ങൾ ആ ഇമേജ് ചേർക്കുമ്പോൾ, മാപ്പിന്റെ കോർഡിനേറ്റുകളെ തിരിച്ചറിയുന്ന ഒരു അധിക ആട്രിബ്യൂട്ട് ചേർക്കും:
നിങ്ങൾ ഒരു ഇമേജ് മാപ്പ് സൃഷ്ടിക്കുമ്പോൾ, ചിത്രത്തിൽ നിങ്ങൾ ക്ലിക്കുചെയ്യാൻ കഴിയുന്ന ഒരു പ്രദേശം സൃഷ്ടിക്കുന്നു, അതിനാൽ നിങ്ങൾ തിരഞ്ഞെടുത്ത ഇമേജിന്റെ ഉയരവും വീതിയും ഉപയോഗിച്ച് മാപ്പ് കോർഡിനേറ്റുകൾ വരിവരിയായിരിക്കണം. മാപ്സ് മൂന്നു വ്യത്യസ്ത തരം രൂപങ്ങൾ പിന്തുണയ്ക്കുന്നു:
- ദീർഘചതുരം-ഒരു ദീർഘചതുരം അല്ലെങ്കിൽ നാല്-വശങ്ങളുള്ള കണക്കുകൾ
- പോളി - ഒരു പോളിഗൺ അല്ലെങ്കിൽ ബഹു-സൈഡ് ഫിഗർ
- സർക്കിൾ-ഒരു വൃത്തം
പ്രദേശങ്ങൾ സൃഷ്ടിക്കാൻ, നിങ്ങൾ മാപ്പുചെയ്യാൻ ഉദ്ദേശിക്കുന്ന നിർദ്ദിഷ്ട കോർഡിനേറ്റുകളെ ഒറ്റപ്പെടുത്തണം. ചിത്രത്തിൽ ഒന്നോ അതിൽ കൂടുതലോ നിർവചിക്കപ്പെട്ട ഏരിയകൾ ഉണ്ടായിരിക്കാം, അതിൽ ക്ലിക്കുചെയ്ത് ഒരു പുതിയ ഹൈപ്പർലിങ്ക് തുറക്കുക.
ഒരു ദീർഘചതുരം , നിങ്ങൾ മുകളിൽ ഇടത്, താഴെ വലത് കോണുകൾ മാത്രം കാണുന്നു. എല്ലാ കോർഡിനേറ്റുകളും x, y (മുകളിലേക്ക്, മുകളിലേക്ക്) ആയി പട്ടികപ്പെടുത്തുന്നു. അപ്പോൾ, മുകളിൽ ഇടത് മൂലയിൽ 0,0 ഉം താഴത്തെ വലത് മൂലയിൽ 10,15 ഉം 0,0,10,15 എന്ന് ടൈപ്പുചെയ്യുക. നിങ്ങൾ അത് മാപ്പിൽ ഉൾപ്പെടുത്തുക: