Class: Feature

cercaliagl.Feature


Javascript ES5

const feature = new cercaliagl.Feature({ ... });

A vector object for geographics features with a geometry and other attribute. Feature must need a geometry in GeoJSON format or in WKT format. Then there are many attributes to adjust this feature styles and events.
These events can defined in constructor or in runtime modifing attribute as onClick, onMouseOver, etc.

Example usage:

const feature = new cercaliagl.Feature({
  wkt: 'POLYGON((2.177722861 41.413683777, 2.174677572 41.411310103, 2.171263974 41.413372702, 2.174830286 41.416057364, 2.177722861 41.413683777))',
  strokeColor: '#550000',
  strokeWidth: 2,
  fillOpacity: 0.5,
  simpleLabel: new cercaliagl.SimpleLabel({text: 'Example polygon'}),
  onClick: () => alert('Polygon click'),
});
map.addFeature(feature);
map.centerToFeatures([feature]);

new Feature(options)

Feature.js, line 72
Name Type Description
options
Name Type Description
id string

Feature id
editable boolean

Feature editable using mouse. Default false.
fillColor string

Feature fill color. Default value #009BFF.
fillOpacity number

Feature fill opacity. Default value 0.2.
strokeOpacity number

Feature stroke opacity. Default value 1.
strokeColor string

Feature stroke color. Default value #2196F3.
strokeWidth number

Feature stroke width. Default value 7.
outline boolean

Enable outline feature property. If no outline required, specify null. Default value true.
outlineColor string

Feature outline color. Default value #040252.
outlineOpacity number

Feature outline opacity. Default value 1.
outlineWidth number

Feature outline width. Default value 9.
visible boolean

Feature visible or not. Default true.
string encodedGoogleLineString

Linestring wkt encoded on google polyline .
string encodedGooglePolygon

Polygon wkt encoded on google polyline .
visible boolean

Feature visible or not. Default true.
onClick function

Function to execute on marker click.
onDoubleClick function

Function to execute on marker double click.
onMouseOut function

Function to execute on Mouse Out.
onMouseOver function

Function to execute on Mouse Over.
onMouseMove function

Function to execute on Mouse Over.
onRightClick function

Function to execute on marker right click.
onModifyStart function

Function to execute on marker right click.
onModifyEnd function

Function to execute on modify end. When feature is editable.
wkt string

WKT String with shape geometry to be painted. Mandatory to use that or geometry property. More info: https://es.wikipedia.org/wiki/Well_Known_Text
simpleLabel module:cercaliagl/SimpleLabel~SimpleLabel

Marker Simple Label object.
geometry module:cercaliagl/util~GeometryGeoJSON

GeoJSON Geometry. Mandatory to use this property or wkt property. More info: https://geojson.org/ (From geometry property).
zIndex number

Z-Index. Default 0.

Extends

Methods

module:cercaliagl/Feature~Feature.fromGeoJSON(geojsonFeature, featureOptions)

Feature.js, line 702
Name Type Description
geojsonFeature Object

GeoJSON feature
featureOptions

Feature options

Name Type Description
id string

Feature id
editable boolean

Feature editable using mouse. Default false.
fillColor string

Feature fill color. Default value #009BFF.
fillOpacity number

Feature fill opacity. Default value 0.2.
strokeOpacity number

Feature stroke opacity. Default value 1.
strokeColor string

Feature stroke color. Default value #2196F3.
strokeWidth number

Feature stroke width. Default value 7.
outline boolean

Enable outline feature property. If no outline required, specify null. Default value true.
outlineColor string

Feature outline color. Default value #040252.
outlineOpacity number

Feature outline opacity. Default value 1.
outlineWidth number

Feature outline width. Default value 9.
visible boolean

Feature visible or not. Default true.
string encodedGoogleLineString

Linestring wkt encoded on google polyline .
string encodedGooglePolygon

Polygon wkt encoded on google polyline .
visible boolean

Feature visible or not. Default true.
onClick function

Function to execute on marker click.
onDoubleClick function

Function to execute on marker double click.
onMouseOut function

Function to execute on Mouse Out.
onMouseOver function

Function to execute on Mouse Over.
onMouseMove function

Function to execute on Mouse Over.
onRightClick function

Function to execute on marker right click.
onModifyStart function

Function to execute on marker right click.
onModifyEnd function

Function to execute on modify end. When feature is editable.
wkt string

WKT String with shape geometry to be painted. Mandatory to use that or geometry property. More info: https://es.wikipedia.org/wiki/Well_Known_Text
simpleLabel module:cercaliagl/SimpleLabel~SimpleLabel

Marker Simple Label object.
geometry module:cercaliagl/util~GeometryGeoJSON

GeoJSON Geometry. Mandatory to use this property or wkt property. More info: https://geojson.org/ (From geometry property).
zIndex number

Z-Index. Default 0.

get(key){*} inherited

BaseObject.js, line 30

Gets a value.

Name Type Description
key string

Key name.
Returns:
Value.

getBounds(){module:cercaliagl/Bounds~Bounds}

Feature.js, line 352

Get feature bounds.

getClosestCoordinate(position){LonLat}

Feature.js, line 375

Get closest feature coordinate giving a position.

Name Type Description
position LonLat

Position
Returns:
Closest coordinate to point

getFillColor(color)

Feature.js, line 547
Name Type Description
color *

Return color in hexadecimal format. For example #ff0000

getFillOpacity(){number}

Feature.js, line 566

Get fill opacity

Returns:
Values between 0 and 1.

getGeoJSON(){GeoJSON} inherited

BaseFeature.js, line 184
Returns:
GeoJSON

getGeometry(){module:cercaliagl/util~GeometryGeoJSON}

Feature.js, line 384

Get feature Geometry

Returns:
Geometry

getGeometryType(){string} inherited

BaseFeature.js, line 192
Returns:
GeoJSON

getId(){String} inherited

BaseFeature.js, line 161
Returns:
Id

getLayer(){module:cercaliagl/layer/Base~Base} inherited

BaseFeature.js, line 176
Returns:
Layer

getMap(){module:cercaliagl/Map~Map} inherited

BaseFeature.js, line 200
Returns:
Map

getOutlineColor(){string}

Feature.js, line 639
Returns:
Return color in hexadecimal format. For example #ff0000

getOutlineOpacity(){number}

Feature.js, line 677

Get opacity

Returns:
Opacity. Values between 0 and 1.

getOutlineWidth(){number}

Feature.js, line 658

Get outline width

Returns:
Width.

getSimpleLabel(){module:cercaliagl/SimpleLabel~SimpleLabel}

Feature.js, line 437

Get simple label object. Returns `nullp if it doesn't exist.

Returns:
Simple label

getStrokeColor(){string}

Feature.js, line 603
Returns:
Return color in hexadecimal format. For example #ff0000

getStrokeOpacity(){number}

Feature.js, line 585

Get stroke opacity

Returns:
Values between 0 and 1.

getStrokeWidth(){number}

Feature.js, line 621
Returns:
Width.

getWKT(){string}

Feature.js, line 417

Get geometry in WKT format.

Returns:
Geometry in WKT format

isEditable(){boolean}

Feature.js, line 463

Obtain if feature is editable.

Returns:
is editable

isShowingDirection(){boolean}

Feature.js, line 481

Obtain if feature is showing direction.

Returns:
is showing direction

isVisible(){boolean}

Feature.js, line 519

Obtain if feature is visible

Returns:
Return true if feature is visible

set(key, value, silent) inherited

BaseObject.js, line 45

Sets a value.

Name Type Description
key string

Key name.
value *

Value.
silent boolean

Update without triggering an event.

setEditable(editable)

Feature.js, line 472

Set editable feature

Name Type Description
editable boolean

true to become editable feature.

setFillColor(color)

Feature.js, line 538

Change feature fill color

Name Type Description
color string

Color in hexadecimal format. For example: #ff0000.

setFillOpacity(opacity)

Feature.js, line 556

Fill opacity.

Name Type Description
opacity number

Values between 0 and 1.

setGeometry(geometry)

Feature.js, line 393

Set geometry and update it.

Name Type Description
geometry

Geometry

Name Type Description
type string

Geometry type
coordinates Array.<number> | Array.<Array.<number>> | Array.<Array.<Array.<number>>>

setMap(map) inherited

BaseFeature.js, line 208
Name Type Description
map module:cercaliagl/Map~Map

Map

setOutlineColor(color)

Feature.js, line 630

Change feature outline color

Name Type Description
color string

Color in hexadecimal format. For example: #ff0000.

setOutlineOpacity(opacity)

Feature.js, line 667

Change outline opacity

Name Type Description
opacity number

Opacity. Values between 0 and 1.

setOutlineWidth(width)

Feature.js, line 648

Change feature outline width

Name Type Description
width number

Width.

setShowDirection(showDirection)

Feature.js, line 490

Set show direction feature

Name Type Description
showDirection boolean

true to show feature's direction.

setSimpleLabel(simpleLabel)

Feature.js, line 446

Set simple label and update it on map.

Name Type Description
simpleLabel module:cercaliagl/SimpleLabel~SimpleLabel | null

simple Label

setStrokeColor(color)

Feature.js, line 594

Change feature stroke color

Name Type Description
color string

Color in hexadecimal format. For example: #ff0000.

setStrokeOpacity(opacity)

Feature.js, line 575

Stroke opacity.

Name Type Description
opacity number

Values between 0 and 1.

setStrokeWidth(width)

Feature.js, line 612

Change feature stroke width

Name Type Description
width number

Width.

setVisible(visible)

Feature.js, line 528

Show or hide feature.

Name Type Description
visible boolean

Visible true, not visible false.

setWKT(wkt)

Feature.js, line 426

Set geometry in WKT format and update it on map.

Name Type Description
wkt

WKT geometry

Name Type Description
type string

Geometry type
coordinates Array.<number> | Array.<Array.<number>> | Array.<Array.<Array.<number>>>

setZIndex(zIndex)

Feature.js, line 408

Set zIndex and update it.

Name Type Description
zIndex number

zIndex