Tôi nghĩ bạn nên sử dụng plugin jquery imagemap ... đây là plugin yêu thích của tôi

Liên kết: http://archive.plugins.jquery.com/project/maphilight

Demo: http://davidlynch.org/projects/maphilight/docs/demo_usa.html

Chủ đề này cũng đã được thảo luận chi tiết tại đây .....

Sử dụng di chuột qua JQuery với bản đồ hình ảnh HTML

Tôi không nghĩ rằng cần phải sao chép

=============Cập nhật ý kiến ​​của bạn ===================

Truy cập https://github.com/kemayo/maphilight/blob /master/jquery.maphilight.js

Bạn có thể thấy như sau maphilight chấp nhận fillColor:'000000';

Bạn cần thay đổi fillOpacity thành 1.0 để loại bỏ độ mờ

Tất cả những gì bạn cần làm là thực hiện công việc mà không cần di chuột qua bằng cách chỉnh sửa mã bên dưới và thay thế bằng mã của bạn

        $(map).trigger('alwaysOn.maphilight').find('area[coords]')
            .bind('mouseover.maphilight', mouseover)
            .bind('mouseout.maphilight', function(e) { clear_canvas(canvas); });;

Bạn có phiên bản Màu nền đang hoạt động ...

Cảm ơn :)