I would like to create a map with different regions. When regions are rolled over that region lights up and links to that specific region.
Is it best to use HTML image map?
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I would like to create a map with different regions. When regions are rolled over that region lights up and links to that specific region.
Is it best to use HTML image map?
“Best” is a highly relative concept, in this case.
HTML image maps are considered ‘deprecated’ by many developers, even though they’re not. While CSS-positioned overlays works well, and sometimes better, with rectangular regions, image maps are uniquely suited for dealing with circular and/or polygonal areas.
However, if you want the image to ‘light up’ when you mouse over a particular area, you have a tricky problem. Certainly it’s possible to approach this with only images and CSS/JavaScript — I wrote a jQuery plugin to automate this process for a job last year — but other plugins exist that handle it using SVG/Canvas graphics.
The leading plugin is here.