Ich denke, Sie sollten ein jquery-Imagemap-Plugin verwenden ... das ist mein Favorit
Link:http://archive.plugins.jquery.com/project/maphilight
Demo:http://davidlynch.org/projects/maphilight/docs/demo_usa.html
Auch dieses Thema wurde hier ausführlich behandelt .....
JQuery-Hover mit HTML-Imagemap verwenden
Ich glaube nicht, dass eine Vervielfältigung erforderlich ist
=============Aktualisieren Sie Ihre Kommentare ===================
Gehen Sie zu https://github.com/kemayo/maphilight/blob /master/jquery.maphilight.js
Können Sie Folgendes sehen, dass maphilight fillColor akzeptiert:'000000';
Sie müssen fillOpacity auf 1,0 ändern, um die Deckkraft zu entfernen
Alles, was Sie tun müssen, ist, ohne Mouseover zu arbeiten, indem Sie den folgenden Code bearbeiten und durch Ihren
ersetzen $(map).trigger('alwaysOn.maphilight').find('area[coords]')
.bind('mouseover.maphilight', mouseover)
.bind('mouseout.maphilight', function(e) { clear_canvas(canvas); });;
Sie haben eine funktionierende Version der Hintergrundfarbe ...
Danke :)