Mga Mapa ng Imahe Sigurado Lang Simple HTML Tags
Ang mga mapa ng imahe ay isang kapana-panabik at kagiliw-giliw na paraan upang pasiglahin ang iyong Web site-kasama sila, maaari kang mag-upload ng mga larawan at gumawa ng mga bahagi ng mga larawang iyon na naki-click sa iba pang mga online na asset. Kung ikaw ay nasa isang pakurot at ayaw mong mag-download ng isang editor ng mapa ng larawan, ang paglikha ng isang mapa gamit ang mga tag ng HTML ay tapat.
Kakailanganin mo ng isang imahe, isang editor ng imahe at isang uri ng editor ng HTML o editor ng teksto. Ipapakita sa iyo ng karamihan sa mga editor ng imahe ang mga coordinate ng iyong mouse kapag tumuturo ka sa larawan. Ang coordinate data na ito ay ang lahat ng kailangan mo upang makapagsimula sa mga mapa ng imahe.
Paglikha ng isang Mapa ng Larawan
Upang lumikha ng isang mapa ng imahe, pumili muna ng isang imahe na magsisilbing batayan ng mapa. Ang imahe ay dapat na "normal na laki" -na nga, hindi mo dapat gamitin ang isang imahe kaya malaki na ang scale ng browser.
Kapag ipinasok mo ang larawan, magdaragdag ka ng dagdag na katangian na tumutukoy sa mga coordinate ng mapa:
Kapag lumikha ka ng isang mapa ng imahe, ikaw ay lumilikha ng isang lugar na naki-click sa imahe, kaya ang mga coordinate ng mapa ay dapat na nakahanay sa taas at lapad ng imahe na iyong pinili. Sinusuportahan ng Maps ang tatlong magkakaibang uri ng mga hugis:
- rect-a rectangle o four-sided figure
- poly-isang polygon o multi-panig na figure
- bilog-isang bilog
Upang lumikha ng mga lugar, dapat mong ihiwalay ang mga tiyak na mga coordinate na nais mong mapa. Ang isang mapa ay maaaring binubuo ng isa o higit pang tinukoy na mga lugar sa imahe na, kapag nag-click, buksan ang isang bagong hyperlink.
Para sa isang rektanggulo , nag-map ka lang sa itaas na kaliwa at kanang sulok sa kanan. Lahat ng mga coordinate ay nakalista bilang x, y (over, up). Kaya, para sa itaas na kaliwang sulok 0,0 at sa ibabang kanang sulok 10,15 nais mong i-type ang 0,0,10,15 . Pagkatapos ay isama mo ito sa mapa:
Para sa isang polygon , mapa mo ang bawat x, y coordinate nang hiwalay. Awtomatikong kumokonekta ang Web browser sa huling hanay ng mga coordinate sa unang; anumang bagay sa loob ng mga coordinate na ito ay bahagi ng mapa.
Ang mga hugis ng Circle ay nangangailangan lamang ng dalawang coordinate, tulad ng rektanggulo, ngunit para sa pangalawang coordinate, tinukoy mo ang radius o ang distansya mula sa gitna ng bilog. Kaya, para sa isang bilog na may sentro sa 122,122 at isang radius ng 5 isulat mo ang 122,122,5: