You should check out this plugin: https://github.com/kemayo/maphilight and the demo: http://davidlynch.org/js/maphilight/docs/demo_usa.html if anything, you might be able to borrow some code from it to fix yours.
I have 2 solutions for your requirement.in both,the whole image stays clickable but you can get information about clicked area. Solution 1: you can mask the image and get the pixel color of that underneath image.so ultimately you can come to know which area has been clicked. here,whenever clicked occurs,you can check the pixel color … Read more
For responsive image maps you will need to use a plugin: https://github.com/stowball/jQuery-rwdImageMaps (No longer maintained) Or https://github.com/davidjbradshaw/imagemap-resizer No major browsers understand percentage coordinates correctly, and all interpret percentage coordinates as pixel coordinates. http://www.howtocreate.co.uk/tutorials/html/imagemaps And also this page for testing whether browsers implement http://home.comcast.net/~urbanjost/IMG/resizeimg3.html