Skip to content
Switch branches/tags
This branch is up to date with master.

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

imgmap: Javascript based ImageMap Editor

With the imagemap editor you can easily draw ALL the standard image map shapes (rectangle, circle, polygon), and you can have full control over the generated HTML code as well.

The Online Image Editor runs in your browser and the images are not uploaded to any server. You can download the repository.


  • Close Polygon with SHIFT-Click for last point of polygon. Other points.
  • Standard output image map is "Wiki Imagemap"

Purpose of the Fork

The fork is based on the ImageMap-Library by Adam Maschek. The purpose of the fork is to change the User Interface for MediaWiki imagemaps and Panorama360 image maps:

  • Optimize workflow for ImageMap generation for users
  • use JSZip to export a full HTML5 ImageMap Project.
  • use FileSaver.js to save project files
  • set the default imagemap main export format to the MediaWiki
  • use the javascript code in an HTML file the docs/ folder in GitHub,
  • rename buttons and change layout for the Source Selector,
  • add a "Create Image Map" Button to the user interface.
  • upload files with FileReader API - see [Code-Pen Example]](
  • create a WebApp that works offline - no internet and server connectivity neccessary, if local images are used. Just download ZIP and start index.html in /docs folder.

Technical Description

The editor natively uses the canvas HTML element to draw the shapes on a given image. The ExplorerCanvas ( library from Google is used to get the same result in browsers, that do not support the canvas element but can use VML instead. ExplorerCanvas works quite well, however it is still beta quality, and not as fast as the native canvas drawing, so expect some lags in IE. The editor is currently tested to work in Chrome, Firefox, Safari, Opera 9+ and IE 6+.

Screenshot of the Image Editor

Images Download wget



Special thanks to Adam Maschek for sharing the code for Javascript ImageMap Editor on Github. See the original online editor at:

The forked image map editor was tailored for Wikiversity.


The code repository was originally hosted at google code and migrated to github on March 30, 2015