Cambiar el color de fondo de la etiqueta HTML

Creo que deberías usar un complemento jquery imagemap... este es mi favorito

Enlace:http://archive.plugins.jquery.com/project/maphilight

Demostración:http://davidlynch.org/projects/maphilight/docs/demo_usa.html

Este tema también se ha discutido en detalle aquí .....

Uso de JQuery hover con mapa de imagen HTML

No creo que haya necesidad de duplicación

=============Actualización de sus comentarios ===================

Vaya a https://github.com/kemayo/maphilight/blob /master/jquery.maphilight.js

¿Puedes ver lo siguiente que maphilight acepta fillColor:'000000';

Debe cambiar fillOpacity a 1.0 para eliminar la opacidad

Todo lo que necesita hacer es trabajar sin pasar el mouse por encima editando el código a continuación y reemplazándolo con el suyo

        $(map).trigger('alwaysOn.maphilight').find('area[coords]')
            .bind('mouseover.maphilight', mouseover)
            .bind('mouseout.maphilight', function(e) { clear_canvas(canvas); });;

Tiene una versión de color de fondo que funciona...

Gracias :)