How do I add multiple Links to an image? (Map/Process Diagram)

Hi Guys,

I'd like to be able to add multiple links to the same image in confluence. A good example is that we have different production locations in our company and I want to be able to link them all to one image, so our users can just click on the geographical area.

This function would also be useful for our process diagrams, where the different spaces could be accessed by clicking on the different process stages in the image.

I'm uploading a small image of North America as an example.

The two links would be "USA" & "Canada".

I'm open to other suggestions. It doesn't have to be the same image. I've tried using multiple images and adding a link to each one but this is impractical and doesn't look good. (The World Map doesn't have straight lines and there's always a gap between the images)

Thank for the support,

Theo

9 answers

1 accepted

Bob (or anyone) do you know how to use that thing? The Documentation link takes me to an unrelated page, and I don't see any fields in the macro browser for adding the link map.

Yes, I used it some time ago. Looks like the documentation is missing because of the demise of plugin studio. Let me try to find an example.

Found an example. You put map macros inside the image map, and specify the links in those.

Hi All,

Is there any document which helps to use this plugin ?

Regards, Vishnu.

Thanks for clarifying. I've since found a site called imagemap, which allows me to draw custom shapes on an existing image and then grab the html.

For anyone looking for link (like I was..) here's a web editor to create the mapping coordinates

http://www.image-maps.com/PHP_Map_Image.php

Thanks Brian,

To answer my own question I tried Creately but the url link always opened in a new undocked window so I finally settled on Gliffy which works perfectly. Hope this helps others.

Hi, Can you please let me know how you did this with Gliffy?

Thanks, Ram.

Jonathan, are you able to share the example you found as I'm still struggling?

Thanks

Red, sorry I don't know if I can find that example again. What I said was the meat of it, though -- you put map macros inside the imagemap macro. The map macros specify an area and a link, so you put one in for each link in the map.

I would easily recommend image-maps, I've used it several times now. Grabbing and changing the HTML is easy

I understand the HTML markup needed to add hyperlinks to a confluence page, however, every time I try and add the HTML code to the confluence page it is removed upon filing.  Was this an issue that anyone else trying to address this issue came across?

PS - The ImageMap add-on is apparently no longer supported by Atlassian.

I'm also looking for a solution to this. Want to add a graphic with multiple links. Is this really not possible ?

0 votes

I would also really need sth like that. I would assume many users would need a possibility to show a process or workflow description and link components to a more detailed description page.

I already tried to use PlantUML for process description and linkage on subpages. Also that is not at all sufficient, I could only find a workaround and only for activity diagrams (which in other apsects do not fit my need) and that leads to bad looking links under embedded text.

Anyone more successful doing that yet?

Suggest an answer

Log in or Sign up to answer
Community showcase
Posted Monday in Confluence

Organizing your space just got easier - Page Tree Drag & Drop is here

Hi Community! I’m Elaine, Confluence Product Manager. You may have read my earlier post about page tree in space navigation sidebar. I'm excited to share another improvement that helps you organize ...

101 views 3 4
Join discussion

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you