S pomočjo gumbov Get Code in pozneje HTML Code pridemo do generirane kode, ki jo skopiramo in prilepimo v html kodo izbranega urejevalnika html-kode, vnašem primeru v Kompozer, v zavihku Koda, v t.i. telo html kode (v glavnem med značkama <body> in </body>).
Spodaj je izdelana koda, ki je pridobljena z orodjem Image Mapping Tool:
<div style="text-align:center; width:1301px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_4201302241406567" src="http://www2.arnes.si/~gmsms1/slike/ljutomer.jpg" usemap="#Image-Maps_4201302241406567" border="0" width="1301" height="955" alt="" />
<map id="_Image-Maps_4201302241406567" name="Image-Maps_4201302241406567">
<area shape="rect" coords="313,821,463,950" href="http://www.osicljutomer.si" alt="OŠ Ivana Cankarja Ljutomer" title="OŠ Ivana Cankarja Ljutomer" />
<area shape="rect" coords="435,592,529,672" href="http://www.knjiznica-ljutomer.si/" alt="Matična knjižnica Ljutomer" title="Matična knjižnica Ljutomer" />
<area shape="rect" coords="232,96,352,197" href="http://www.zd-lju.si/" alt="Zdravstveni dom Ljutomer" title="Zdravstveni dom Ljutomer" />
<area shape="rect" coords="403,8,515,116" href="http://www.gfm-ljutomer.si/" alt="Gimnazija Franca Miklošiča Ljutomer" title="Gimnazija Franca Miklošiča Ljutomer" />
<area shape="rect" coords="444,450,504,516" href="http://www.g-sosterca.ms.edus.si/" alt="Glasbena šola S. Osterca Ljutomer" title="Glasbena šola S. Osterca Ljutomer" />
<area shape="poly" coords="740,632,762,645,755,659,734,652,742,637," href="http://www.posta.si/poslovalnica/2027/Ljutomer?nodeid=491" alt="Pošta Ljutomer" title="Pošta Ljutomer" />
<area shape="poly" coords="734,366,723,392,773,412,788,378,741,366," href="http://www.pgd-ljutomer.si/" alt="Gasilci Ljutomer" title="Gasilci Ljutomer" />
<area shape="rect" coords="1299,953,1301,955" href="http://www.image-maps.com/index.php?aff=mapped_users_4201302241406567" alt="Image Map" title="Image Map" />
</map>
<!-- Image map text links - Start - If you do not wish to have text links under your image map, you can move or delete this DIV -->
<div style="text-align:center; font-size:12px; font-family:verdana; margin-left:auto; margin-right:auto; width:1301px;">
<a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.osicljutomer.si" title="OŠ Ivana Cankarja Ljutomer">OŠ Ivana Cankarja Ljutomer</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.knjiznica-ljutomer.si/" title="Matična knjižnica Ljutomer">Matična knjižnica Ljutomer</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.zd-lju.si/" title="Zdravstveni dom Ljutomer">Zdravstveni dom Ljutomer</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.gfm-ljutomer.si/" title="Gimnazija Franca Miklošiča Ljutomer">Gimnazija Franca Miklošiča Ljutomer</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.g-sosterca.ms.edus.si/" title="Glasbena šola S. Osterca Ljutomer">Glasbena šola S. Osterca Ljutomer</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.posta.si/poslovalnica/2027/Ljutomer?nodeid=491" title="Pošta Ljutomer">Pošta Ljutomer</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.pgd-ljutomer.si/" title="Gasilci Ljutomer">Gasilci Ljutomer</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.image-maps.com/index.php?aff=mapped_users_4201302241406567" title="Image Map">Image Map</a>
</div>
<!-- Image map text links - End - -->
</div>
