An image overlay with hyperlinked regions

map

The map element is used with a set of areas, allowing a single image overlay to have multiple hotspots hyperlinked to distinct documents.

Properties

name
This is the name that is referred to by the img element's usemap attribute which connects the map to the image.

Example

img `wine-regions.png` *usemap="#wines"

map *name=wines {
area *shape=circle *coords=50,50,25 `pinot.html`
area *shape=circle *coords=150,50,25 `chardonnay.html`
area *shape=circle *coords=50,150,25 `zinfandel.html`
area *shape=circle *coords=150,150,25 `sauvignon.html`
}
An image overlaid with a clickable map interface

Complement

area
An area defines a portion of an overlaid image to be used as a hyperlink to a destination when clicked.

Related

map
An area defines a portion of an overlaid image to be used as a hyperlink to a destination when clicked.

semantax > action > mapAn image overlay with hyperlinked regions

🔎