Page 1 of 1

How to create Image maps?

Posted: Thu Oct 24, 2013 5:16 am
by cjbcjb
I cannot see any way to view and/or edit image maps in oxygen. I need to use the <imagemap> tag with a DITA topic, but I cannot see how to easily create all the image areas. Is there a feature that I am missing, or does it just not exist in oxygen?

Thanks,
Chuck

Re: How to create Image maps?

Posted: Thu Oct 24, 2013 9:20 am
by Radu
Hi Chuck,

Sorry, but we do not yet have special editing support for image maps.
But we have plans to do this in a future version and I will update this thread when this happens.

Regards,
Radu

Re: How to create Image maps?

Posted: Thu Oct 24, 2013 3:36 pm
by cjbcjb
Okay, thanks for the update.

Chuck

Re: How to create Image maps?

Posted: Wed Jun 17, 2015 2:34 am
by shudson310
+1 for adding an easy-to-use imagemap editor that lets you highlight specific areas on an image and create the appropriate links.

Re: How to create Image maps?

Posted: Tue Oct 13, 2015 6:24 pm
by brzeski
Hi, Radu - Has image map support been added yet?

Thanks
Corinne

Re: How to create Image maps?

Posted: Wed Oct 14, 2015 10:09 am
by Radu
Hi Corinne,

Not yet. But we do have plans to add a special toolbar action for inserting image maps in Oxygen 18.0 (Spring next year).
I will update this forum thread when this happens.
In the meantime you will need to manually create the image map structure.

Regards,
Radu

Re: How to create Image maps?

Posted: Wed Oct 14, 2015 5:32 pm
by brzeski
Thanks, Radu. I look forward to the update.

One question about the current method: How do I determine where the coordinates are? I see a code sample that looks like this

Code: Select all

<imagemap>
<image href="../images/ej25.png" />
<area>
<shape>rect</shape>
<coords>0,10,60,75</coords>
<xref href="c_intercooler.dita">Intercooler</xref>
</area>
<area>
<shape>circle</shape>
<coords>30,120,30</coords>
<xref href="c_expansion.dita">Expansion tank</xref>
</area>
</imagemap>
What I don't understand is what the coords relate to. Top left, top right, etc.?
Thanks
Corinne

Re: How to create Image maps?

Posted: Thu Oct 15, 2015 8:24 am
by Radu
Hi Corinne,

The DITA imagemap translates precisely to an HTML image map.
By the way, from what I remember this does not work in the PDF output.
The DITA 1.2 specs for coordinates:

http://docs.oasis-open.org/dita/v1.2/os ... oords.html

says something like:
rect
left-x, top-y, right-x, bottom-y
Regards,
Radu

Re: How to create Image maps?

Posted: Thu Oct 15, 2015 5:14 pm
by brzeski
Thanks, Radu, that helps.

Also regarding the PDF - we have tried it, and it does output by default but with a sort of "footnote" area listing the links to hotspot topics. I can share sample output if you like. We have decided not to pursue hotspots in PDF further in any case, there isn't much of a use case for them.

Re: How to create Image maps?

Posted: Thu Oct 15, 2015 5:21 pm
by Radu
Hi Corinne,

We have not used imagemaps in our DITA content so far so I tested the PDF output with image maps quite some time ago, I might have forgotten what the behavior is.

Regards,
Radu

Re: How to create Image maps?

Posted: Wed May 04, 2016 4:21 pm
by Radu
Hi,

Just to update this thread, Oxygen 18.0 now has support for editing image maps for DITA, Docbook, XHTML and TEI.

Regards,
Radu