Bottom line, I need to do an image map in a responsive website.
First, I found this lovely image map generator. It is simple and works very well. It's good enough that I actually gave him a few bucks.
The resulting <map> worked right away.
Then I started working on the real website. The image loads in a size relative to the browser window's size. The image map was out of alignment. I quickly realized the problem and googled Responsive Image Maps.
I found this:
https://github.com/stowball/jQuery-rwdImageMaps
I groaned. I hate adding dependencies and even more, I hate figuring out how to work new stuff that I'm probably not going to use again (this is the first image map I've used in years and once this project ends, probably the last for a long time). But, I did it.
The learning curve was ZERO.
I added the plugin. Copied his sample initialization and it worked perfectly the first time.
Win!!