Geolocation Selector

An interactive map component for selecting and managing geographical locations and shapes. Features support for markers, geofences, and paths with customizable styling options. Includes controls for dragging, layer management, and detailed path configuration.


Extends: fieldComponent


Fields

Name

Code

Data Type

Description

Height

height

text

Sets the height of the map container

Geofence Object

geofence

text

Object containing geofence configuration data

Layer Type

layerType

text

Specifies the type of map layer (Markers, Geofences, Paths)

Draggable

draggable

boolean

Enables dragging of map elements

Data ID Field

dataIdField

text

Field used for unique identification of map elements

Latitude Field

latitudeField

text

Field containing latitude values

Longitude Field

longitudeField

text

Field containing longitude values

Radius Field

radiusField

text

Field specifying radius for circular geofences

Path Points Field

pathPointsField

text

Field containing array of points for paths or geofences

Path Color Field

pathColorField

text

Field specifying the color of paths

Path Thickness Field

pathThicknessField

text

Field controlling path line thickness

Path Opacity Field

pathOpacityField

text

Field controlling path transparency

Fill Color

fillColor

text

Default fill color for areas

Fill Color Field

fillColorField

text

Field specifying custom fill colors

Fill Opacity Field

fillOpacityField

text

Field controlling area fill transparency


Methods

Name

Description

onchange

Handles map element changes and triggers change events

updateProps

Updates map properties and configurations


Events

Name

Description

onChange

Triggered when the selected location or geofence changes

onBlur

Triggered when the map component loses focus

onFocus

Triggered when the map component gains focus