Ik denk dat je een jQuery imagemap-plug-in moet gebruiken ... dit is mijn favoriet
Link:http://archive.plugins.jquery.com/project/maphilight
Demo:http://davidlynch.org/projects/maphilight/docs/demo_usa.html
Dit onderwerp is hier ook in detail besproken .....
JQuery hover gebruiken met HTML image map
Ik denk niet dat duplicatie nodig is
=============Update over uw opmerkingen ===================
Ga naar https://github.com/kemayo/maphilight/blob /master/jquery.maphilight.js
Zie je het volgende dat maphilight fillColor accepteert:'000000';
U moet fillOpacity wijzigen in 1.0 om de dekking te verwijderen
Het enige wat u hoeft te doen is maken met werk zonder muisaanwijzer door de onderstaande code te bewerken en te vervangen door de uwe
$(map).trigger('alwaysOn.maphilight').find('area[coords]')
.bind('mouseover.maphilight', mouseover)
.bind('mouseout.maphilight', function(e) { clear_canvas(canvas); });;
Je hebt een werkende achtergrondkleurversie ...
Bedankt :)