Responsive Image Map Creator

  • About
  • Instructions
  • Buttons
  • Keyboard Commands
  • How to Embed the Code

Edit Button

The Edit button allows you to edit the areas of the map that you have created. Simply click the edit button to start.
Edit Button

To edit an area, click once on the area to activate it. You can then move, resize or delete the area. Hint: To resize, drag the points out.
Edit Image Map Area

To add a link to the area, double-click on the area you would like to edit.

href - is the URL you would like to link the area to.
target - is how you would like to have the link open.
alt - is the alternate text for an image, if the image cannot be displayed.
title - is information about the area. In some browsers the title will display as text when you hover your mouse over the area. 
Make sure to click Save when you are done. To close click the X
Target Hint:
_self opens the link in the same 'frame' (this is the default)
_top  opens the link in the same window
_blank opens the link in a new window or tab
_parent opens the link in the parent frame
Image Map Area Attributes
  • About
  • Instructions
  • Buttons
  • Keyboard Commands
  • How to Embed the Code