Saya pikir Anda harus menggunakan plugin jquery imagemap ... ini adalah favorit saya
Tautan :http://archive.plugins.jquery.com/project/maphilight
Demo :http://davidlynch.org/projects/maphilight/docs/demo_usa.html
Topik ini juga telah dibahas secara rinci di sini .....
Menggunakan kursor JQuery dengan peta gambar HTML
Saya rasa tidak perlu ada duplikasi
=============Perbarui komentar Anda ===================
Buka https://github.com/kemayo/maphilight/blob /master/jquery.maphilight.js
Bisakah Anda melihat yang berikut ini bahwa maphilight menerima fillColor:'000000';
Anda perlu mengubah fillOpacity menjadi 1.0 untuk menghapus opacity
Yang perlu Anda lakukan adalah membuatnya bekerja tanpa mouse dengan mengedit kode di bawah ini dan menggantinya dengan milik Anda
$(map).trigger('alwaysOn.maphilight').find('area[coords]')
.bind('mouseover.maphilight', mouseover)
.bind('mouseout.maphilight', function(e) { clear_canvas(canvas); });;
Anda memiliki versi Warna Latar Belakang yang berfungsi ...
Terima kasih :)