It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

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

Theo Whitwill Feb 04, 2013

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

Jonathan Simonoff May 08, 2013

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.

Jonathan Simonoff May 09, 2013

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

Like Dom.Brandreth likes this
Vishnukumar Vasudevan [ACP-JA] Community Leader May 23, 2013

Hi All,

Is there any document which helps to use this plugin ?

Regards, Vishnu.

2 votes
Matthew Cobby Jun 04, 2013

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

1 vote
Red Morley Hewitt May 20, 2013

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.

1 vote
Big Jim May 08, 2018

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.

Big Jim Jan 23, 2019

In Gliffy you can add text. There is a create link button. Add the link to your text which is placed in a shape and you are good to go.

0 votes
Red Morley Hewitt May 15, 2013

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

Thanks

Jonathan Simonoff May 15, 2013

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.

0 votes
Red Morley Hewitt Jul 16, 2013

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

0 votes
Brian Blackwell Feb 19, 2015

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.

0 votes
Big Jim May 07, 2018

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

0 votes
Christian Prediger Oct 26, 2018

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
This widget could not be displayed.
This widget could not be displayed.
Community showcase
Published in Confluence

6 Awesome Ways to Apply Trello, JIRA and Confluence to your Project

I attended  Atlassian Summit 2019  and learned a lot from the presenters, attendees and knowledgeable Atlassian product managers. The presentations I attended focused on applying Agile, pla...

1,580 views 8 19
Read article

Community Events

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

Find an event

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

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you