Eu estou tentando definir uma área de mapa na minha imagem, mas eu quero que seja um octógono, então eu realmente preciso ver o que estou desenhando.

Infelizmente não há como eu estilizar a tag de área para que eu possa ver onde o mapeamento está ocorrendo. Isso está tornando muito difícil para mim desenhar essas áreas, eu tenho que segui-lo com o mouse toda vez para saber onde ele começa e onde termina.

Existe uma maneira melhor ? Eu estou postando este exemplo com um retângulo só para manter as coisas simples, eu só quero ver isso, através de um plugin ou qualquer coisa.

<img src="img/myimg.png" usemap="#mapid" />
<map id="mapid" name="mapid">
<area id="myarea" shape="rect" coords="960, 0, 600, 500" href="#"/>
</map>