Google Map

An interactive map component that integrates Google Maps functionality. Features customizable map layers, markers, paths, geofences, and heatmaps. Supports dynamic data binding with multiple visualization options and comprehensive event handling.

Extends: listComponent

Fields

Name

Code

Data Type

Description

ID

resourceId

text

Unique identifier for the component

Height

height

text

Controls map container height

Style Classes

styleClasses

text

CSS classes for styling

Style

style

text

Custom inline styles

Width

widthClass

text

Controls component width

Visible

isVisible

boolean

Controls map visibility

Zoom

zoom

text

Initial zoom level of the map

Map Center Mode

mapCenterMode

text

Method for calculating map center (avg/mean)

Center Latitude

centerLat

text

Default center latitude coordinate

Center Longitude

centerLng

text

Default center longitude coordinate

Show Map Layers

showMapLayers

boolean

Controls visibility of map layer controls

Methods

Name

Description

initMap

Initializes the Google Map with configuration and settings

setZoom

Handles map zoom and centering based on visible elements

addMapLayer

Adds a new layer to the map with specified properties

addDrawingManager

Initializes drawing tools for map interactions

Events

Name

Description

onload

Triggered when the map is fully loaded and initialized