Instructionsresponsive Image Map Creator
Flare makes it extremely easy to create image maps using its built-in Image Map Editor. Image maps, however, are not natively responsive. That means that if the image needs to be scaled down due to the browser window being resized or the page being viewed on a mobile device, the image map will not scale down with it. Simply start by selecting an image from your pc, or load one directly from an external website. Next up create your hot areas using either rectangle, circle or polygon shapes. Creating these shapes is as easy as pointing and clicking on your image. Don't forget to enter a link, title and target for each of them. A Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles, quizzes and practice/competitive programming/company interview Questions.


You can easily and quickly create responsive image maps to embed into responsive website, it makes your website look good on all devices (desktops, mobiles, tablets). You can create the interactive image as usual and generate the embed code or link with our responsive options.
Preview and Publish
Responsive Image Map Generator
- Preview the fixed size map with Fixed Size button in preview section
- Preview the responsive map with Responsive button in preview section
- Please also refer to publish and upload map user guide.
Embed Code
Instructionsresponsive Image Map Creator Free
- Select Responsive Map options in embed code section
- Copy the embed code and paste to responsive webpage.
- To embed into website, blog or cms, please click here.
- If you wish to save the map you've created all you have to do is click the 'Turn into image' button and an image will appear below it that looks exactly like what you've created. The only difference being that this is a single image, rather than a whole lot of separate images. Simply right click it, select 'save as' and name it what you wish.
- The Responsive Image Maps jQuery Plugin can be downloaded from the following GitHub repository by selecting Clone or download Download ZIP. Once the zip archive has finished downloading, extract its contents to a folder. Then, open your Flare project and create a new folder for the script files.
Instant Sharing
- Map share link and the embed code would be generated.
- Select Responsive Map options if necessary.
- Share the link to others or paste the map embed code into the editing page of your website / various CMS editors.
- In shared interactive image, we provide one-click social network buttons (facebook, twitter, google plus).
[ Back ]
