É necessário utilizar a bitlioteca jQuery (como por exemplo a do Google) para o plugin funcionar.
Em seguida então pode adicionar a biblioteca de mapeamento referenciada do GitHub
Insira as duas bibliotecas antes do encerramento da tag </head>
do seu site:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="https://rawgit.com/stowball/jQuery-rwdImageMaps/master/jquery.rwdImageMaps.min.js"></script>
E em seguida então já dentro do <body>
adicionar o código restante, apontando para o elemento pretendido:
$(document).ready(function(e) {
$('.minhaImg[usemap]').rwdImageMaps();
});
// código abaixo apenas para teste
$('area').on('click', function() {
alert($(this).attr('alt') + ' clicado!');
});
.minhaImg {
width: 500px;
height: auto;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="https://rawgit.com/stowball/jQuery-rwdImageMaps/master/jquery.rwdImageMaps.min.js"></script>
<img class="minhaImg" src="https://i.stack.imgur.com/1ly6F.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sol">
<area shape="circle" coords="90,58,3" alt="Mercurio">
<area shape="circle" coords="124,58,8" alt="Venus">
</map>
Aqui tens também um exemplo no jsFiddle onde podes arrastar as bordas da janela de resultados para uma melhor visualização da demonstração.