Myslím, že byste měli použít plugin jquery imagemap ... toto je můj oblíbený
Odkaz:http://archive.plugins.jquery.com/project/maphilight
Demo :http://davidlynch.org/projects/maphilight/docs/demo_usa.html
Toto téma bylo také podrobně probráno zde .....
Použití JQuery při najetí myší s obrázkovou mapou HTML
Nemyslím si, že je potřeba duplikace
=============Aktualizace vašich komentářů ====================
Přejděte na https://github.com/kemayo/maphilight/blob /master/jquery.maphilight.js
Vidíte následující, že maphilight přijímá fillColor:'000000';
Chcete-li odstranit neprůhlednost, musíte změnit fillOpacity na 1.0
Vše, co musíte udělat, je pracovat bez přejíždění myší tím, že upravíte kód níže a nahradíte ho svým
$(map).trigger('alwaysOn.maphilight').find('area[coords]')
.bind('mouseover.maphilight', mouseover)
.bind('mouseout.maphilight', function(e) { clear_canvas(canvas); });;
Máte funkční verzi barvy pozadí ...
Díky :)