છબી નકશા ફક્ત સરળ HTML ટૅગ્સ છે
છબી નકશા એ તમારી વેબ સાઇટને આકર્ષક બનાવવા માટે આકર્ષક અને રસપ્રદ રીત છે - તમે તેમની સાથે, તમે ઈમેજો અપલોડ કરી શકો છો અને અન્ય ઑનલાઇન અસ્કયામતોને ક્લિક કરવા માટે તે છબીઓના ભાગો બનાવી શકો છો. જો તમે ચપટીમાં છો અને ઇમેજ મેપ એડિટર ડાઉનલોડ કરવા માંગતા નથી, તો એચટીએમએલ ટૅગ્સનો ઉપયોગ કરીને નકશા બનાવવા સરળ છે.
તમારે એક છબી, એક છબી સંપાદક અને કેટલાક પ્રકારના HTML સંપાદક અથવા ટેક્સ્ટ એડિટરની જરૂર પડશે. જ્યારે તમે છબીમાં નિર્દિષ્ટ કરો છો ત્યારે મોટા ભાગના છબી સંપાદકો તમને તમારા માઉસનાં કોઓર્ડિનેટ્સ બતાવશે. ઇમેજ નકશા સાથે પ્રારંભ કરવા માટે આ સંકલન ડેટા તમને જરૂર છે.
એક છબી નકશો બનાવી રહ્યા છે
ઇમેજ મેપ બનાવવા માટે, પ્રથમ એક છબી પસંદ કરો જે નકશાના આધારે સેવા આપશે. છબી "સામાન્ય કદ" હોવી જોઈએ - એટલે કે, તમારે તે છબીનો ઉપયોગ ન કરવો જોઇએ જેથી બ્રાઉઝર તે માપશે.
જ્યારે તમે છબી શામેલ કરો છો, ત્યારે તમે વધારાની વિશેષતા ઉમેરી શકશો જે નકશાની કોઓર્ડિનેટ્સને ઓળખે છે:
જ્યારે તમે ઇમેજ મેપ બનાવો છો, ત્યારે તમે એક એવો વિસ્તાર બનાવી રહ્યા છો કે જે છબી પર ક્લિક કરી શકાય તેવો છે, તેથી નકશાના કોઓર્ડિનેટ્સને તમે પસંદ કરેલી છબીની ઊંચાઈ અને પહોળાઈ સાથે વાક્ય નિર્ધારિત કરવું પડશે. નકશા ત્રણ અલગ અલગ પ્રકારના આકારોને સપોર્ટ કરે છે:
- rect- એક લંબચોરસ અથવા ચાર બાજુ આકૃતિ
- પોલી-બહુકોણ અથવા બહુ-બાજુવાળા આકૃતિ
- વર્તુળ-એક વર્તુળ
વિસ્તારો બનાવવા માટે, તમારે ચોક્કસ કોઓર્ડિનેટ્સને તમે નકશા બનાવવાનો ઇરાદો રાખવો જોઈએ. નકશામાં ઇમેજ પર એક અથવા વધુ નિર્દિષ્ટ વિસ્તારોનો સમાવેશ થઈ શકે છે, જ્યારે ક્લિક કરેલું છે, નવી હાયપરલિંક ખોલો.
એક લંબચોરસ માટે , તમે માત્ર ઉપર જમણે અને જમણા ખૂણાને નકશા કરો છો. બધા કોઓર્ડિનેટ્સને x, y (ઓવર, અપ) તરીકે સૂચિબદ્ધ કરવામાં આવે છે. તેથી, ઉપર ડાબા ખૂણે 0,0 અને નીચલા જમણા ખૂણે 10,15 માટે તમે 0,0,10,15 લખો છો . પછી તમે તેને નકશામાં શામેલ કરો છો: