Responsive Image Map Creator

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

Embedding the HTML Code

To embed the HTML image map, click the 'To HTML' button then highlight the entire code that was generated in the code box at the bottom of your browser window.
embedding HTML code

Make sure that your image is uploaded to your website, then use the image URL in the <img scr="Your Image URL"> part of the code. 
(if it is not already linked)
image src URL

You will need to upload the JavaScript file that makes your image map 'responsive' to your website, and then properly link the JavaScript file from your website in the <script scr="Your JavaScript File"> code. 
You can download that file here:
— imageMapResizer.min.js
linking javascript file

Then simply embed the image map code into your website, wherever you would like the Image Map to appear.
Embed Image Map Code
  • About
  • Instructions
  • Buttons
  • Keyboard Commands
  • How to Embed the Code