marker

markerNode

A point on the earth. Singly, at: takes a coordinate written latitude first, with an optional label: — parametised and animatable, so a marker can ride a slider or a keyframe. Data-bound, lat: and lon: name @data columns and the one node draws every row; add size-by: and symbol AREA scales with that column, size: giving the largest symbol's radius — the proportional-symbol map.

#Attributes

atImplicitAnimatable

geo-coordinate

The place, latitude first: at: 35.68, 139.69. Either half may be a parametised expression, and the pair is animatable with !cue.to. Omit it and give lat: and lon: instead for the data-bound form.Can be written as shorthand: marker:value

lat

reference

Data-bound form: the @data column of latitudes, lat: #quakes.lat. One symbol is drawn per row.

lon

reference

Also written: lngData-bound form: the column of longitudes, lon: #quakes.lon.

size-by

reference

A numeric column that scales symbol AREA, not radius — which is what makes the sizes comparable by eye. Rows with no positive value draw nothing.

sizeAnimatable

parametised-number

The symbol radius in pixels — the LARGEST symbol's, when size-by: scales the rest.

Default6

colourAnimatable

neutralredorangeyellowgreentealbluepurplepinkgreywhiteblack

Also written: colorThe symbol's hue.

Defaultorange

opacityAnimatable

number

How solid the symbols are, 0 to 1. Worth lowering when data-bound markers crowd each other.

Default1

label

rich-text

Rich inline label set above the marker. Single form only — a data-bound marker draws one symbol per row, and there is no one place to put the text.

hiddenAnimatable

boolean

Declared but not drawn. Animatable, so hidden: true !cue.to{false}(at: 2) is the overlay's reveal.

Defaultfalse

#Allowed in

cue { }cue.draw { }cue.trace { }cue.highlight { }cue.spotlight { }canvas.geo { }

#Examples

marker(at: 51.47, -0.46; label: London)

marker(lat: #quakes.lat; lon: #quakes.lon; size-by: #quakes.magnitude; colour: red; opacity: 0.6)