How to create Image maps?

[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

[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

[cjbcjb]

Okay, thanks for the update.

Chuck

[shudson310]

+1 for adding an easy-to-use imagemap editor that lets you highlight specific areas on an image and create the appropriate links.

[brzeski]

Hi, Radu - Has image map support been added yet?

Thanks
Corinne

[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

[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

[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

[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.

[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

[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