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.