Map

Overview

The map displays the coordinates based on their longitude and latitude. The component supports icon markers, custom coordinates, and zoom leveling.

Properties

Name
Type
Description

name

string

Component name

selectedPoint

{ data?: MapPoint;

isSelected: boolean }

Selected point on the map, including point data and selection flag

Methods

Name
Parameters
Returns
Description

setPoints

data: object[]

void

Set component data. Data is an array of points. Each point is an object with the following structure: { latitude: number; longitude: number; icon?: string; text?: string; }

fitBounds

void

Fit map bounds to the points

setCenter

lat: number,

lng: number

void

Set map center

setZoom

zoom: number

void

Set map zoom value

Triggers

Name
Description

On Init

Triggered when the component is initialized

On Point Select

Triggered when a map point is selected

Last updated

Was this helpful?