Ko je povezava dodana sliki v jeziku za označevanje hiperbesedila (HTML), se ta povezava doda celotni sliki. To je lahko težava, če želi programer ustvariti eno sliko z več področji ali gumbi in se vsako območje uporablja za drugo povezavo. Zemljevid slik HTML omogoča programerju, da določi določena področja, kamor bo povezava šla, kar mu omogoča, da v eno sliko vstavi več povezav. To se naredi tako, da določite obliko za povezavo in poveste HTML-ju, katere koordinate naj se uporabijo za povezavo.
Slike, ki se uporabljajo za internet, se merijo v slikovnih pikah. Poznavanje števila slikovnih pik na sliki je prvi bistveni korak pri ustvarjanju slikovnega zemljevida. Uporablja se na primer pravokotna slika, ki ima višino 400 slikovnih pik in širino 250 slikovnih pik. Nato mora programer vedeti, kako natančno izmeriti obliko v koordinatah, da bi slikovni zemljevid HTML pravilno deloval.
Zgornji levi kot se pri uporabi slikovnega zemljevida HTML imenuje 0,0. Spodnji desni kot v tem primeru bi bil 250,400. Meritve se najprej opravijo s širino, nato pa z višino. Enostaven način razmišljanja o tem je, da prva meritev pove HTML-ju, kako daleč v desno naj gre od levega roba, druga pa, kako mu pove, koliko slikovnih pik navzdol naj gre. Če programer želi, da je točka na zemljevidu 10 slikovnih pik od levega roba in 50 slikovnih pik navzdol, bi bile koordinate 10,50.
Obstajajo tri različne oblike, ki jih programer lahko prikliče za zemljevid slike HTML: pravokotnik, krog in mnogokotnik. “Rect” pomeni pravokotnik, programer pa mora najprej vnesti koordinate za zgornji levi kot in nato spodnji desni. Krog določite tako, da vnesete koordinate, kjer se krog začne, in nato polmer kroga. Poligon se ustvari tako, da vnesete vseh pet koordinat, od vrha proti desni.
Kodiranje zemljevida slike HTML je takole:
Vsak slikovni zemljevid HTML mora imeti ime, razdelek »url.html« pa je povezava, kamor bo ta del slikovnega zemljevida vodil uporabnika, ko bo kliknil nanj. Ko je slika postavljena na spletno mesto s HTML-jem, mora programer napisati: usemap=”test.” To bo sliki povedalo, kateri slikovni zemljevid HTML naj uporabi.