Penso che dovresti usare un plugin jquery imagemap ... questo è il mio preferito
Link :http://archive.plugins.jquery.com/project/maphilight
Demo:http://davidlynch.org/projects/maphilight/docs/demo_usa.html
Anche questo argomento è stato discusso in dettaglio qui .....
Utilizzo del passaggio del mouse di JQuery con la mappa immagine HTML
Non credo ci sia bisogno di duplicazioni
=============Aggiorna sui tuoi commenti ====================
Vai a https://github.com/kemayo/maphilight/blob /master/jquery.maphilight.js
Riesci a vedere quanto segue che maphilight accetta fillColor:'000000';
Devi modificare fillOpacity in 1.0 per rimuovere l'opacità
Tutto quello che devi fare è lavorare senza passare il mouse modificando il codice qui sotto e sostituirlo con il tuo
$(map).trigger('alwaysOn.maphilight').find('area[coords]')
.bind('mouseover.maphilight', mouseover)
.bind('mouseout.maphilight', function(e) { clear_canvas(canvas); });;
Hai una versione del colore di sfondo funzionante...
Grazie :)