How to implement a client side map with ObjectImage control?

Question

We need to implement a client side map with an ADF Faces ObjectImage control. In the code below, the JSF Faces GraphicImage contol does support a client side image map using the usemap property. However, it appears that the ADF Faces ObjectImage control does not support a client side map. Is there someway of implementing this functionality in an ObjectImage control?
<h:graphicImage url="/images/map-usa.gif"
usemap="#m_mapusa"
binding="#{backing_map.graphicImage2}"
id="graphicImage2"
style="border-style:none;"/>
<af:objectImage source="/images/map-usa.gif"
binding="#{backing_map.objectImage2}"
id="objectImage2" />
We could use the Graphic Image control except we have a problem by mixing a JSF GraphicImage control in the same table with a variety of ADF Faces controls in that when a user clicks on the GraphicImage, then the browser windows scrolls down to center the GraphicImage control. A user then needs to scroll back up to see the rest of the page. If an ObjectImage control is used with an onClick action, then the page does not scroll, which is what we want. So if we can figure out how to add a client side map to an ObjectImage control we would get the desired results.
An alternative might be to use a server side map with the ObjectImage control. But our question here is how to implement the existing client side image map in a backing bean. As the following map code shows, not all image map areas are rectangles - some are polygons.
<area id="_state_05" href="#"
shape="rect"
coords="681,38,702,50"
target="_self" value="VT" alt="Vermont"
onclick="javascript:getDtl(this);"/>
<area id="_state_06" href="#"
shape="poly"
coords="221,442,209,436,209,418,191,403,155,382,116,367,101,370,98,364,
122,355,158,367,203,388,212,394,242,427"
target="_self" value="HI" alt="Hawaii"
onclick="javascript:getDtl(this);"/>

Answer 1

Hi,
Any news about that issue, we are also interested in any solution.
Thanks
Math