Class: SimpleLabel

cercaliagl.SimpleLabel


Javascript ES5

const simpleLabel = new cercaliagl.SimpleLabel({ ... });

Create a marker text. This text is rendered on <canvas/> via webgl. It is not possible to edit via CSS classes.

Example usage:

const simpleLabel = new cercaliagl.SimpleLabe({
  text: '
});

new SimpleLabel(options)

SimpleLabel.js, line 40
Name Type Description
options

Options

Name Type Description
fontSize number

Text size, in pixels. Default 13.
offset Array.<number>

Simpel Label offset, units in ems. Defaults to [0, 0].
anchor string

Anchor. Possible values: center, left, right, top, bottom, top-left, top-right, bottom-left, bottom-right. Defaults top
justify string

Justify: Possible values: auto, left, center, right. Defaults center
text string

Simple Label text (with no background).
visible boolean

Visible. Show or hide text.
textColor string

Text color. Default #000000.
textOpacity string

Text opacity. Default 1.
strokeColor string

Stroke color. Default #ffffff.
strokeWidth number

Stroke width. Default 2.
textRotation number

Text rotation. Default 0.

Methods

getAnchor(){string}

SimpleLabel.js, line 219

Get simple label anchor

Returns:
Anchor

getFontSize(){number}

SimpleLabel.js, line 152

Returns text font

Returns:
Font size in pixels.

getJustify(){string}

SimpleLabel.js, line 264

Get simple label justify

Returns:
Justify

getOffset(){Array.<number>}

SimpleLabel.js, line 171

Returns offset.

Returns:
Offset [x,y].

getStrokeColor(){string}

SimpleLabel.js, line 237

Get simple label stroke color

Returns:
strokeColor

getStrokeWidth(){number}

SimpleLabel.js, line 246

Get simple label stroke width

Returns:
strokeWidth

getText(){string}

SimpleLabel.js, line 191

Get simple label text

Returns:
Text.

getTextColor(){string}

SimpleLabel.js, line 228

Get simple label color

Returns:
Color

getTextOpacity(){number}

SimpleLabel.js, line 210

Get simple label text opacity

Returns:
Text opacity

getTextRotation(){number}

SimpleLabel.js, line 255

Get simple label text rotation

Returns:
Text rotation

isVisible(){boolean}

SimpleLabel.js, line 281

Return if simple label is visible

setFontSize(fontSize)

SimpleLabel.js, line 142

Change the text size in pixels. If have an assigned marker updates it

Name Type Description
fontSize number

Font size in pixels.

setOffset(offset)

SimpleLabel.js, line 161

Change displacement on the horizontal axis. If have an assigned marker updates it

Name Type Description
offset Array.<number>

Offset [x,y].

setText(text)

SimpleLabel.js, line 180

Change the text passed by parameter. If have an assigned marker updates it

Name Type Description
text string

Text to put to simple label.

setTextOpacity(textOpacity)

SimpleLabel.js, line 200

Change simple label opacity. If have an assigned marker updates it

Name Type Description
textOpacity number

Text opacity

setVisible(visible)

SimpleLabel.js, line 290

Show or hide simple label text

Name Type Description
visible boolean

Visible