A portion of a map

area

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

Areas may be defined as a rectangle, a circle, or a polygon of nodes.

Properties

href
Use sourceref notation to define the hyperlink destination.
shape
This defines how the coords are interpreted. Possible values are:
rect, circle, poly
coords
Rectangles are specified using x1,y1,x2,y2 where x1=left, y1=top, x2=right, y2=bottom.
Circles are specified using x,y,radius where x/y is the center point.
Polygons are specified using any number of x/y pairs x1,y1,x2,y2,..,xn,yn

Examples

<<area *shape=rect *coords=0,0,100,100 `pinot.html`>>
<<area *shape=rect *coords=100,0,100,200 `chardonnay.html`>>
<<area *shape=rect *coords=0,100,100,200 `zinfandel.html`>>
<<area *shape=rect *coords=100,100,200,200 `sauvignon.html`>>
Defining areas using rectangles

<<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`>>
Defining areas using circles

<<area *shape=poly *coords=0,0,100,0,100,100,0,100 `pinot.html`>>
<<area *shape=poly *coords=100,100,200,100,200,200,100,200 `sauvignon.html`>>
Defining areas using polygons

Complement

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

semantax > action > areaA portion of a map

🔎