Determitar áreas na imagem

Boa tarde,

Preciso criar uma aplicação onde o usuário selecione determinada área de uma figura e ao clicar para cada área haverá um evento cadastrado.

A configuração das áreas, se necessário, poderá ser desktop, mas a navegação através da imagens será na WEB.

Para a navegação pensei em utilizar JSF commandButton e ler o ponto que foi clicado. Alguém tem outra dica?

Já a configuração inicial das áreas como poderia fazer? Qualquer ajuda será bem vinda.

Obrigado pela atenção.

Sem mais,
Gustavo.

Você precisa usar alguma aplicação (o DreamWeaver faz isso?) que gere o tag “”. Aqui o href refere-se a uma outra imagem, mas pode ser substituída por uma chamada a um JSP, por exemplo.

<P><IMG SRC="solarsys.gif" WIDTH=504 HEIGHT=126 BORDER=0 
    ALT="Solar System" USEMAP="#SystemMap">

<MAP NAME="SystemMap">
    <AREA SHAPE="rect" COORDS="0,0,82,126"
        HREF="/workshop/graphics/sun.gif">
    <AREA SHAPE="circle" COORDS="90,58,3"
        HREF="/workshop/graphics/merglobe.gif">
    <AREA SHAPE="circle" COORDS="124,58,8"
        HREF="/workshop/graphics/venglobe.gif">
    <AREA SHAPE="circle" COORDS="162,58,10"
        HREF="/workshop/graphics/earglobe.gif">
    <AREA SHAPE="circle" COORDS="203,58,8"
        HREF="/workshop/graphics/marglobe.gif">
    <AREA SHAPE="poly" COORDS="221,34,238,37,257,32,278,44,284,60,
        281,75,288,91,267,87,253,89,237,81,229,64,228,54"
        HREF="/workshop/graphics/jupglobe.gif">
    <AREA SHAPE="poly" COORDS="288,19,316,39,330,37,348,47,351,66,
        349,74,367,105,337,85,324,85,307,77,303,60,307,50"
        HREF="/workshop/graphics/satglobe.gif">
    <AREA SHAPE="poly" COORDS="405,39,408,50,411,57,410,71,
        404,78,393,80,383,86,381,75,376,69,376,56,380,48,393,44"
        HREF="/workshop/graphics/uraglobe.gif">
    <AREA SHAPE="poly" COORDS="445,38,434,49,431,53,427,62,430,72,
        435,77,445,92,456,77,463,72,463,62,462,53,455,47"
        HREF="/workshop/graphics/nepglobe.gif">
    <AREA SHAPE="circle" COORDS="479,66,3"
        HREF="/workshop/graphics/pluglobe.gif">
</MAP>

thingol.

É isso mesmo que preciso, mas o problema maior está em determinar estes “COORDS” tarefa essa que será feito pelo usuário.

Estarei fazendo algo com Java 2D, acho que vai dar certo, depois passo aqui como ficou.

Caso alguém tenha mais alguma dica, será bem vinda.

Obrigado.

abraço,
Gustavo.