Image Map

How to add areas to an image

1. Generate image map.
   You're welcome to use any tool that generates mapping areas.
   

   Free online map generators:

   • Image Map Generator
     
   • Easy Imagemap Generator
     
     

2. Copy and paste the generated code to your page.
   

   Sample generated code:

   <img src="map.jpg" usemap="#image-map">
   
   <map name="image-map">
   <area target="_blank" alt="UCLA" title="UCLA" href="http://www.ucla.edu/" coords="156,76,46" shape="circle">
   <area target="_blank" alt="Santa Monica" title="Santa Monica" href="http://santamonicapier.org/" coords="132,227,45,140" shape="rect">
   </map>

Updated 20170112