Can you use a html macro (HTML Image macro) to insert an image map?

[Ashwini]

I am migrating content from Madcap flare to Wiki Confluence. One of the greatest contraints are the image maps. 

How do I use the HTML macros (HTML Image Macro) to add image maps. I have the HTML macros enabled.

[Ann Worley]

Yes, you can display an image map using HTML inside an HTML macro. If you don't have the HTML, you can generate it with a tool like: Easy Imagemap Generator.

[Ashwini]

Hi Ann, could you please tell me how to use the HTML Image Macro.  Some how it isn't working for me.

[Ann Worley]

I am sorry, I misunderstood and thought you were adding the image map in a Confluence "out of the box" HTML macro. I found the documentation for an HTML Image macro, made by Adaptavist as part of the add-on, Content Formatting for Confluence.

Here is the documentation for the macro: HTML Image

Please let me know where you are running into trouble when you use the macro.

 

[Ashwini]

Hi Ann, thank you for the information. It was very useful.

Using the HTML Image macro, I was able to add images that are on the web.

Is there some way that I can create a image map for an image that I create or that which is saved on my system?

[Ann Worley]

I haven't tried this but my understanding is you can use an imagemap generator like http://imagemap-generator.dariodomi.de/ to upload a file and create HTML for embedding it in the native HTML macro, (not the HTML Image macro by Adaptavist).

[Michelle Rau]

@Ann Worley thank you for the pointers to the HTML Image macro, it includes some info on using it to create image maps. (The image map generator you listed though (.de) is a bitcoin mining site so I would choose a different one.)

This method worked really well for me:

1. Attached the image to the wiki page and copied its URL
2. Inserted the HTML Image macro into the page and plugged in the URL as well as image dimensions and a name for the map
3. Inserted the HTML macro into the page and plugged in the code generated by Summerstyle (there are many others)
4. Tweaked the HTML slightly to add titles (tooltips on mouseover)
5. Tested all links

Thanks!