Temos algumas áreas irregulares ... imagine um mapa dos estados dos EUA. Imagine também que dentro de cada estado exista uma região retangular que contém gráficos e texto. Queremos que cada um dos estados reaja à passagem do mouse/mouseout/clique.
Se for uma página HTML direta (sem Flash), existem outras maneiras de implementar isso além de mapas de imagem?
Se isso não for possível, eu também consideraria apenas fazer com que a região retangular dentro de cada estado reaja aos eventos do mouse.
"HTML direto" significa que você pode usar Javascript? Nesse caso, considere o biblioteca javascript do Raphael , que envolve o SVG. Confira a página inicial para obter uma ótima visão geral do que você pode fazer, incluindo este exemplo de condados (?) Da Austrália: http://raphaeljs.com/australia.html
Você também pode considerar processing.js , que é uma biblioteca de visualização semelhante, mas envolve a tela em oposição ao SVG.
Nos navegadores modernos, você pode usar sprites CSS e marcação muito limpa para fazer a mesma coisa. Aqui está um ótimo tutorial sobre como usá-los em A List Apart. Leia o artigo inteiro, mas consulte a seção "Formas irregulares".