Installation guide

6
through standard map navigation controls. Another simple way to make a static map more
interactive is by linking information to different areas of the map image. This can be done
manually, but that is very time consuming and difficult. Alternatively, one can use a freeware
program, e.g., Handy Image Mapper (Install the setup of Heady Image Mapper.exe on computer,
which is in the Lab 1 folder.) which provided a convenient user interface for this task. Using this
program you can mark the interactive areas in your image and produce the HTML code that you
will insert into your HTML file.
To start, copy the file KTHcampus.jpg to your own working directory. The image that you are
going to turn into a map has to be in the same directory as your HTML file that will include the
map code.
Run Start -> Programs -> Handy Image Mapper
Open KTHcampus.jpg by clicking the button Folder and the selecting the image file from your
working directory.
Type the name of your map, for example, ‘student1name_student2name-MAP’.
Now start creating interactive areas on your map. You can create three types of areas: a rectangle,
a circle, or a polygon. Just click on the shape you’d like to have and draw it on the corresponding
area of the image map. You can always choose the arrow button to adjust the shape, size and
location of your interactive areas afterwards.
 Tooltip - provide here the advisory text that appears when mouse is hovered over the area.
 HREF - provide here the path to the file (link).
If you need more help, simply use the Help link from the interface.
For example, a link create to KTH library as below