Мисля, че трябва да използвате jquery imagemap плъгин ... това е моят любим
Връзка:http://archive.plugins.jquery.com/project/maphilight
Демо :http://davidlynch.org/projects/maphilight/docs/demo_usa.html
Тази тема също е обсъждана подробно тук .....
Използване на JQuery задържане на курсора с HTML карта на изображения
Не мисля, че има нужда от дублиране
=============Актуализиране на вашите коментари ====================
Отидете на https://github.com/kemayo/maphilight/blob /master/jquery.maphilight.js
Можете ли да видите следното, че maphilight приема fillColor:'000000';
Трябва да промените fillOpacity на 1.0, за да премахнете непрозрачността
Всичко, което трябва да направите, е да работите без да премествате мишката, като редактирате кода по-долу и го замените с вашия
$(map).trigger('alwaysOn.maphilight').find('area[coords]')
.bind('mouseover.maphilight', mouseover)
.bind('mouseout.maphilight', function(e) { clear_canvas(canvas); });;
Имате работеща версия с цвят на фона ...
Благодаря :)