What is an image map?

Answer 1

Image maps allow you to specify interactive areas of an image, like when you want a clickable overlay and need to know what region someone clicked.

I see them occasionally appear in line drawings of countries / regions where areas (states, municipal/voting zones, etc) are then made "live" similar to this:
https://code.sololearn.com/WBJ8lS8yMplX/?ref=app

I'm using an imported library to make the imagemap borders visible (and I intentionally kept them rough).
They're usually invisible and carefully lined up to the underlying image.

Note this is an ad-hoc explanation. Others may contribute better, more official answers.

Answer 2

Kirk Schafer can you specify on how the library works in this context. I mean, do I only have to import the library and „it“ will make the borders of any then created imagemap visible?

Answer 3

@Kirk Schafer ..I read through your js code again ..i would say „ $('.map').maphilight();“ is the libray code you used to achieve that.

Answer 4

Yes. Here's the project root on github, to find docs.
https://github.com/kemayo/maphilight/

Note that the author's website certificate expired a few days ago; it happens, but your browser will balk on the invalid certificate until it's fixed.

Answer 5

thanks