This is the main interface for interacting with a Felt map.
This interface is composed of the various controllers, each having a different area of responsibility.
All the methods are listed here, but each controller is documented on its own to make it easier to find related methods and events.
getCurrentBasemap()
getCurrentBasemap(): Promise<>
Gets the currently active basemap.
Use this method to retrieve information about the current basemap, including its type (Felt, color, or custom tile), name, color scheme, and attribution.
Promise<>
A promise that resolves to the current basemap configuration.
getBasemaps(): Promise<[]>
Gets all basemaps available on the map.
Use this method to retrieve a list of all available basemaps that can be applied to the map.
Promise<[]>
A promise that resolves to all basemaps available on the map.
chooseBasemap()
chooseBasemap(id: string): void
Chooses the basemap to use for the map.
Use this method to change the current basemap. The basemap ID can be obtained from getBasemaps().
void
A promise that resolves when the basemap has been set.
addCustomBasemap()
addCustomBasemap(args: { basemap: | ; select: boolean; }): Promise<>
Adds a custom basemap to the map. This can be either a solid color or a basemap from a custom tile URL.
Promise<>
A promise for the added basemap.
removeBasemap()
removeBasemap(id: string): Promise<void>
Removes a basemap from the list of available basemaps.
Promise<void>
A promise that resolves when the basemap has been removed.
getElement(id: string): Promise<null | >
Get a single element from the map by its id.
Use this method when you know the specific ID of an element and want to retrieve its current state. This is more efficient than getting all elements and filtering.
Promise<null | >
A promise that resolves to the requested element, or null if not found.
getElementGeometry()
getElementGeometry(id: string): Promise<null | >
Get the geometry of an element in GeoJSON geometry format.
For most element types, the geometry returned is based on the coordinates property of the element, with some differences:
For Circle elements, the geometry is a Polygon drawn from the center and radius properties.
Path elements become MultiLineString geometries.
Marker elements return a MultiLineString of the path traced by the user as they drew the marker. Note that this is not the polygon formed by filled-in "pen" stroke, which doesn't exactly follow the path traced by the user as it is smoothed and interpolated to create a continuous line.
Use this method when you need the geometric representation of an element for spatial analysis or visualization purposes.
Promise<null | >
A promise that resolves to the element's geometry in GeoJSON format, or null if the element has no geometry.
getElements(constraint?: ): Promise<(null | )[]>
Gets elements from the map, according to the constraints supplied. If no constraints are supplied, all elements will be returned.
Use this method to retrieve multiple elements, optionally filtered by constraints. This is useful for bulk operations or when you need to analyze all elements on the map.
Promise<(null | )[]>
A promise that resolves to an array of elements, ordered by the order specified in Felt.
The elements in the map, ordered by the order specified in Felt. This is not necessarily the order that they are drawn in, as Felt draws points above lines and lines above polygons, for instance.
getElementGroup()
getElementGroup(id: string): Promise<null | >
Get an element group from the map by its id.
Element groups allow you to organize related elements together and control their visibility as a unit.
Promise<null | >
A promise that resolves to the requested element group, or null if not found.
getElementGroups()
getElementGroups(constraint?: ): Promise<(null | )[]>
Gets element groups from the map, according to the filters supplied. If no constraints are supplied, all element groups will be returned in rendering order.
Use this method to retrieve multiple element groups, optionally filtered by constraints. This is useful for bulk operations on element groups.
Promise<(null | )[]>
A promise that resolves to an array of element groups in rendering order.
setElementGroupVisibility()
setElementGroupVisibility(visibility: ): Promise<void>
Hide or show element groups with the given ids.
Use this method to control the visibility of multiple element groups at once. This is more efficient than hiding/showing individual elements.
Promise<void>
A promise that resolves when the visibility changes are applied.
createElement()
createElement(element: ): Promise<>
Create a new element on the map.
Use this method to programmatically create elements on the map. Elements created via the SDK are only available to the current session and are not persisted.
Promise<>
A promise that resolves to the created element.
updateElement()
updateElement(element: ): Promise<>
Update an element on the map. The element type must be specified.
Use this method to modify existing elements. You can update properties like coordinates, styling, and metadata.
Promise<>
A promise that resolves to the updated element.
deleteElement()
deleteElement(id: string): Promise<void>
Delete an element from the map.
Use this method to remove elements from the map. This operation cannot be undone.
Promise<void>
A promise that resolves when the element is deleted.
getLayer(id: string): Promise<null | >
Get a single layer from the map by its id.
Promise<null | >
The requested layer.
getLayers(constraint?: ): Promise<(null | )[]>
Gets layers from the map, according to the constraints supplied. If no constraints are supplied, all layers will be returned.
Promise<(null | )[]>
All layers on the map.
The layers in the map, ordered by the order specified in Felt. This is not necessarily the order that they are drawn in, as Felt draws points above lines and lines above polygons, for instance.
setLayerVisibility()
setLayerVisibility(visibility: ): Promise<void>
Hide or show layers with the given ids.
Promise<void>
setLayerStyle()
setLayerStyle(params: { id: string; style: object; }): Promise<void>
Set the style for a layer using FSL, the Felt Style Language.
Changes are only for this session, and not persisted. This is useful to make temporary changes to a layer's style, such as to highlight a particular layer or feature.
See the for details on how to read and write styles.
If the style you set is invalid, you will receive an error explaining the problem in the rejected promise value.
Promise<void>
setLayerLegendVisibility()
setLayerLegendVisibility(params: ): Promise<void>
Hide or show layers with the given ids from the legend.
Promise<void>
createLayersFromGeoJson()
createLayersFromGeoJson(params: ): Promise<null | { layerGroup: ; layers: []; }>
Adds layers to the map from file or URL sources.
Promise<null | { layerGroup: ; layers: []; }>
The layer groups that were created.
This allows you to add temporary layers to the map that don't depend on any processing by Felt. This is useful for viewing data from external sources or remote files.
updateLayer(params: ): Promise<>
Update a layer by passing a subset of the layer's properties.
Note that not all properties can be updated, so check the type to see which properties can be updated.
Promise<>
deleteLayer(id: string): Promise<void>
Delete a layer from the map by its id.
Promise<void>
This only works for layers created via the SDK createLayersFromGeoJson method, not layers added via the Felt UI.
duplicateLayer()
duplicateLayer(id: string): Promise<>
Duplicate a layer from the map by its id.
Promise<>
The duplicated layer.
This will create an ephemeral copy of the layer, just for the duration of the session. The duplicated layer will not be persisted to the map.
getLayerGroup()
getLayerGroup(id: string): Promise<null | >
Get a layer group from the map by its id.
Promise<null | >
The requested layer group.
getLayerGroups()
getLayerGroups(constraint?: ): Promise<(null | )[]>
Gets layer groups from the map, according to the constraints supplied. If no constraints are supplied, all layer groups will be returned in rendering order.
Promise<(null | )[]>
The requested layer groups.
setLayerGroupVisibility()
setLayerGroupVisibility(visibility: ): Promise<void>
Hide or show layer groups with the given ids.
Promise<void>
setLayerGroupLegendVisibility()
setLayerGroupLegendVisibility(params: ): Promise<void>
Hide or show layer groups with the given ids from the legend.
Promise<void>
getLegendItem()
getLegendItem(id: ): Promise<null | >
Allows you to get the state of a single legend item.
Promise<null | >
getLegendItems()
getLegendItems(constraint?: ): Promise<(null | )[]>
Allows you to obtain the state of several legend items, by passing in constraints describing which legend items you want.
If you do not pass any constraints, you will receive all legend items.
Promise<(null | )[]>
setLegendItemVisibility()
setLegendItemVisibility(visibility: { show: []; hide: []; }): Promise<void>
Hide or show legend items with the given identifiers.
Promise<void>
getLayerFilters()
getLayerFilters(layerId: string): Promise<null | >
Get the filters for a layer.
Promise<null | >
The return type gives you the filters split up into the various sources that make up the overall filters for a layer.
setLayerFilters()
setLayerFilters(params: { layerId: string; filters: ; note: string; }): Promise<void>
Sets the ephemeral filters for a layer.
Promise<void>
getLayerBoundaries()
getLayerBoundaries(layerId: string): Promise<null | >
Get the spatial boundaries that are filtering a layer.
Promise<null | >
The return type gives you the boundaries split up into the various sources that make up the overall boundary for a layer.
The combined boundary is the intersection of the other sources of boundaries.
setLayerBoundary()
setLayerBoundary(params: { layerIds: string[]; boundary: null | ; }): Promise<void>
Set the boundary for one or more layers.
Promise<void>
getRenderedFeatures()
getRenderedFeatures(params?: ): Promise<[]>
Get the features that are currently rendered on the map in the viewport.
Note that this is explicitly about the features that are rendered, which isn't necessarily a complete list of all the features in the viewport. This is because of the way features are tiled: at low zoom levels or high feature densities, many features are omitted from what is rendered on the screen.
Promise<[]>
getFeature(params: { id: string | number; layerId: string; }): Promise<null | >
Get a feature from the map by its ID and layer ID.
The response is a object, which does not include the geometry of the feature.
You may want to use this when you don't need the geometry of a feature, but you know the ID of the feature you need.
Promise<null | >
getFeatures(params: { layerId: string; filters: ; sorting: ; boundary: ; search: string; pagination: null | string
Get a list of layer features.
Promise<{ features: []; count: number; previousPage: null | string; nextPage: null | string; }>
The response is an object which contains:
features: list of objects, which does not include the geometry of the feature but it does include its bounding box.
count: the total number of features that match the query.
This list is paginated in sets of 20 features for each page. In order to paginate between pages, the response includes previousPage and nextPage that are tokens that should be sent in the pagination params for requesting sibling pages.
Text search is case-insensitive and looks for matches across all feature properties.
getGeoJsonFeature()
getGeoJsonFeature(params: { id: string | number; layerId: string; }): Promise<null | >
Get a feature in GeoJSON format from the map by its ID and layer ID.
The response is a GeoJSON Feature object with the complete geometry of the feature. Note that for some very large geometries, the response may take a long time to return, and may return a very large object.
Promise<null | >
getCategoryData()
getCategoryData(params: ): Promise<[]>
Gets values from a layer grouped by a given attribute.
Promise<[]>
Groups features in your layer by unique values in the specified attribute and calculates a value for each group. By default, this value is the count of features in each group.
You can apply filters in two ways:
At the top level (using boundary and filters), which affects both what categories are included and how values are calculated
In the values configuration, which only affects the values but keeps all categories
This two-level filtering is particularly useful when you want to compare subsets of data while maintaining consistent categories. For example, you might want to show the distribution of all building types in a city, but only count buildings built after 2000 in each category.
getHistogramData()
getHistogramData(params: ): Promise<[]>
Gets a histogram of values from a layer for a given attribute.
Promise<[]>
Creates bins (ranges) for numeric data and counts how many features fall into each bin, or returns aggregated values for each bin.
You can control how the bins are created using the steps parameter, choosing from several methods like equal intervals, quantiles, or natural breaks (Jenks), or passing in the step values directly if you know how you want to bin the data.
Like getCategoryData, you can apply filters in two ways:
At the top level (using boundary and filters), which affects both how the bins are calculated and what features are counted in each bin
In the values configuration, which only affects what gets counted but keeps the bin ranges the same
This is particularly useful when you want to compare distributions while keeping consistent bin ranges. For example, you might want to compare the distribution of building heights in different years while using the same height ranges.
getAggregates()
getAggregates<T>(params: <T>): Promise<Record<T, null | number>>
Calculates a single aggregate value for a layer based on the provided configuration.
Type Parameters
Promise<Record<T, null | number>>
Performs statistical calculations on your data, like counting features or computing averages, sums, etc. You can focus your calculation on specific areas or subsets of your data using boundaries and filters.
When you request an aggregation other than count, you must specify an attribute to aggregate on.
getPrecomputedAggregates()
getPrecomputedAggregates(params: ): Promise<{ avg: null | number; max: null | number; min: null | number
Calculates aggregates for spatial cells of a layer.
Promise<{ avg: null | number; max: null | number; min: null | number; sum: null | number
Performs statistical calculations on spatial cells of a layer, returning min, max, avg, sum, and count. You can focus your calculation on specific areas or subsets of your data using boundaries and filters. When using the count method, an attribute is not required.
getLayerSchema()
getLayerSchema(layerId: string): Promise<>
Get the schema for a layer.
Promise<>
The schema describes the structure of the data in a layer, including the attributes that are available on the features in the layer.
This can be useful to build generic UIs that need to know the structure of the data in a layer, such as a dropdown to choose an attribute.
getMapDetails()
getMapDetails(): Promise<>
Gets the details of the map.
Use this method to retrieve metadata about the current map, such as its title, description, and other map-level information.
Promise<>
A promise that resolves to the map details.
getSelection(): Promise<[]>
Gets the current selection as a list of entity identifiers.
Use this method to retrieve the current selection state, which can include features, elements, or both types of entities.
Promise<[]>
A promise that resolves to an array of selected entity nodes.
selectFeature()
selectFeature(params: ): Promise<void>
Selects a feature on a layer. This will show the feature's popup, modal or sidebar (if configured) and highlight the feature.
Use this method to programmatically select features, which can be useful for highlighting specific data points or triggering feature-specific UI.
Promise<void>
A promise that resolves when the feature is selected.
clearSelection()
clearSelection(params?: { features: boolean; elements: boolean; }): Promise<void>
Clears the current selection (elements, features or both).
Use this method to programmatically clear the current selection, which can be useful for resetting the map state or preparing for new selections.
Promise<void>
A promise that resolves when the selection is cleared.
setTool(tool: null | ): void
Sets the tool to use for drawing elements on the map.
Use this method to programmatically activate drawing tools for users. When a tool is set, users can draw elements on the map using that tool. Set to null to deactivate all drawing tools.
void
getTool(): Promise<null | >
Gets the current tool, if any is in use.
Use this method to check which drawing tool is currently active, if any.
Promise<null | >
A promise that resolves to the current tool, or null if no tool is in use.
onToolChange(args: { handler: (tool: null | ) => void; }): VoidFunction
Listens for changes to the current tool.
Use this to react to tool changes, such as updating your UI to reflect the currently active drawing tool.
VoidFunction
setToolSettings()
setToolSettings(settings: ): void
Sets the settings for the current tool.
Use this method to configure how drawing tools behave, such as setting colors, stroke widths, or other tool-specific properties.
void
getToolSettings()
getToolSettings<T>(tool: T): Promise<[T]>
Gets the settings for the chosen tool.
Use this method to retrieve the current configuration of a drawing tool.
Type Parameters
Promise<[T]>
A promise that resolves to the settings for the chosen tool.
onToolSettingsChange()
onToolSettingsChange(args: { handler: (settings: ) => void; }): VoidFunction
Listens for changes to the settings on all tools.
Use this to react to tool setting changes, such as updating your UI to reflect the current tool configuration.
VoidFunction
A function to unsubscribe from the listener.
createActionTrigger()
createActionTrigger(args: ): Promise<>
Creates an action trigger. Action triggers are rendered on map's left sidebar as a button, similar to other map extensions like measure and spatial filter.
The goal of action triggers is to allow users to perform actions on the map by clicking on a button.
Promise<>
updateActionTrigger()
updateActionTrigger(args: ): Promise<>
Updates an action trigger.
Action trigger to update is identified by the id property.
Promise<>
Properties provided will override the existing properties.
deleteActionTrigger()
deleteActionTrigger(id: string): void
Deletes an action trigger.
void
createFeatureAction()
createFeatureAction(args: ): Promise<>
Creates a feature contextual action.
Promise<>
updateFeatureAction()
updateFeatureAction(args: ): Promise<>
Updates a feature contextual action.
Feature contextual action to update is identified by the id property.
Promise<>
Properties provided will override the existing properties.
deleteFeatureAction()
deleteFeatureAction(id: string): void
Deletes a feature contextual action.
void
createPanelId()
createPanelId(): Promise<string>
Creates a panel ID.
In order to create a panel using , you need to create a panel ID first. Panel IDs are automatically generated to prevent conflicts with other panels.
Promise<string>
createOrUpdatePanel()
createOrUpdatePanel(args: ): Promise<>
Creates or updates a panel.
Panels are rendered on the map's right sidebar and allow you to extend Felt UI for your own use cases using Felt UI elements (e.g., Text, Button, etc.).
A panel is identified by its ID, which must be created using . Custom IDs are not supported to prevent conflicts with other panels.
Panels have two main sections:
body - The main content area of the panel, which is scrollable.
footer - A section that sticks to the bottom of the panel, useful for action buttons like "Submit" or "Cancel".
Panel placement is controlled by the initialPlacement parameter. By default, panels are added to the end of the panel stack, but you can specify a different placement. Note that this placement cannot be changed after the panel is created.
Element IDs are required for targeted updates and deletions using the other panel management methods. For complete panel refreshes with this method, element IDs are optional but recommended for consistency.
For dynamic content management, consider these approaches:
Use this method for complete panel refreshes (replaces all content)
Use to add new elements to existing panels
Use to modify specific existing elements
Promise<>
deletePanel(id: string): void
Deletes a panel.
void
createPanelElements()
createPanelElements(args: ): Promise<>
Creates elements in a panel.
Use this method to add new elements to an existing panel without replacing the entire panel content. This is useful for dynamic UI updates.
Promise<>
updatePanelElements()
updatePanelElements(args: ): Promise<>
Updates an existing element in a panel. This method can only update elements that already exist in the panel and have an ID.
Use this method to modify specific elements without replacing the entire panel. This is more efficient than using for small changes.
Promise<>
deletePanelElements()
deletePanelElements(args: ): void
Deletes elements from a panel.
Use this method to remove specific elements from a panel without replacing the entire panel content.
void
updateUiControls()
updateUiControls(controls: ): void
Updates the UI controls on the embedded map.
Use this method to show or hide various UI controls like the legend, full screen button, and other map interface elements.
void
setOnMapInteractionsUi()
setOnMapInteractionsUi(options: ): void
Control the on-map UI shown when interacting with features and elements.
If you add your own click, selection or hover handlers you may want to disable various parts of the Felt UI. This method allows you to control the visibility of various parts of the UI that might otherwise be shown when people click or hover on things.
This does not affect selection. That means that selectable features and elements will still be selected when clicked.
void
showLayerDataTable()
showLayerDataTable(params?: { layerId: string; sorting: ; }): Promise<void>
Shows a data table view for the specified layer, optionally sorted by a given attribute.
The data table displays feature data in a tabular format, making it easy to browse and analyze layer data. You can control the initial sorting of the table.
Promise<void>
hideLayerDataTable()
hideLayerDataTable(): Promise<void>
Hides the data table.
Promise<void>
getViewport(): Promise<>
Gets the current state of the viewport.
Use this method to retrieve the current center coordinates and zoom level of the map viewport.
Promise<>
A promise that resolves to the current viewport state.
setViewport(viewport: ): void
Moves the map to the specified location.
Use this method to programmatically change the map's viewport to a specific location and zoom level. The map will animate to the new position.
void
getViewportConstraints()
getViewportConstraints(): Promise<null | >
Gets the current state of the viewport constraints.
Use this method to retrieve the current viewport constraints, which limit where users can pan and zoom on the map.
Promise<null | >
A promise that resolves to the current viewport constraints, or null if no constraints are set.
setViewportConstraints()
setViewportConstraints(constraints: null | Partial<>): void
Constrains the map viewport so it stays inside certain bounds and/or certain zoom levels.
Use this method to limit where users can navigate on the map. This is useful for keeping users focused on a specific area or preventing them from zooming too far in or out.
void
every constraint is optional
if a constraint is null, it will be removed but keeping the others
if method receives null, it will remove the constraints
fitViewportToBounds()
fitViewportToBounds(bounds: ): void
Fits the map to the specified bounds.
Use this method to automatically adjust the viewport to show a specific geographic area. The map will calculate the appropriate center and zoom level to fit the bounds within the current map size.
void
onBasemapChange()
onBasemapChange(args: { handler: (basemap: ) => void; }): VoidFunction
Adds a listener for when the basemap changes.
Use this to react to basemap changes, such as updating your UI or adjusting other map elements to match the new basemap's color scheme.
VoidFunction
A function to unsubscribe from the listener.
onElementCreate()
onElementCreate(args: { handler: (change: ) => void; }): VoidFunction
Adds a listener for when an element is created.
This will fire when elements are created programmatically, or when the user starts creating an element with a drawing tool.
When the user creates an element with a drawing tool, it can begin in an invalid state, such as if you've just placed a single point in a polygon.
You can use the isBeingCreated property to determine if the element is still being created by a drawing tool.
If you want to know when the element is finished being created, you can use the listener.
VoidFunction
A function to unsubscribe from the listener.
onElementCreateEnd()
onElementCreateEnd(args: { handler: (params: { element: ; }) => void; }): VoidFunction
Listens for when a new element is finished being created by a drawing tool.
This differs from the listener, which fires whenever an element is first created. This fires when the user finishes creating an element which could be after a series of interactions.
For example, when creating a polygon, the user places a series of points then finishes by pressing Enter or Escape. Or when creating a Place element, they add the marker, type a label, then finally deselect the element.
VoidFunction
A function to unsubscribe from the listener.
onElementChange()
onElementChange(args: { options: { id: string; }; handler: (change: ) => void; }): VoidFunction
Adds a listener for when an element changes.
This will fire when an element is being edited, either on the map by the user or programmatically.
Like the listener, this will fire when an element is still being created by a drawing tool.
You can check the property to determine if the element is still being created by a drawing tool.
VoidFunction
A function to unsubscribe from the listener.
onElementDelete()
onElementDelete(args: { options: { id: string; }; handler: () => void; }): VoidFunction
Adds a listener for when an element is deleted.
Use this to react to element deletions, such as cleaning up related data or updating your application state.
VoidFunction
A function to unsubscribe from the listener.
onElementGroupChange()
onElementGroupChange(args: { options: { id: string; }; handler: (change: ) => void; }): VoidFunction
Adds a listener for when an element group changes.
Use this to react to changes in element groups, such as when elements are added to or removed from groups.
VoidFunction
A function to unsubscribe from the listener.
onPointerClick()
onPointerClick(params: { handler: (event: ) => void; }): VoidFunction
Allows you to be notified when the user clicks on the map.
Use this to react to user clicks on the map, such as triggering custom actions or collecting interaction data.
VoidFunction
A function to unsubscribe from the listener.
onPointerMove()
onPointerMove(params: { handler: (event: ) => void; }): VoidFunction
Allows you to be notified when the user moves the mouse over the map.
Use this to track mouse movement and detect features under the cursor, such as for hover effects or real-time data display.
VoidFunction
A function to unsubscribe from the listener.
onLayerChange()
onLayerChange(args: { options: { id: string; }; handler: (change: ) => void; }): VoidFunction
Adds a listener for when a layer changes.
VoidFunction
A function to unsubscribe from the listener
onLayerGroupChange()
onLayerGroupChange(args: { options: { id: string; }; handler: (change: ) => void; }): VoidFunction
Adds a listener for when a layer group changes.
VoidFunction
A function to unsubscribe from the listener
onLegendItemChange()
onLegendItemChange(args: { options: ; handler: (change: ) => void; }): VoidFunction
Adds a listener for when a legend item changes.
VoidFunction
A function to unsubscribe from the listener
onLayerFiltersChange()
onLayerFiltersChange(params: { options: { layerId: string; }; handler: (change: ) => void; }): VoidFunction
Adds a listener for when a layer's filters change.
VoidFunction
A function to unsubscribe from the listener
This event fires whenever any type of filter changes on the layer, including ephemeral filters set via the SDK, style-based filters, or filters set through the Felt UI via Components.
onLayerBoundariesChange()
onLayerBoundariesChange(params: { options: { layerId: string; }; handler: (boundaries: null | ) => void; }): VoidFunction
Adds a listener for when a layer's spatial boundaries change.
VoidFunction
A function to unsubscribe from the listener
This event fires whenever any type of spatial boundary changes on the layer, including ephemeral boundaries set via the SDK or boundaries set through the Felt UI via Spatial filter components.
onSelectionChange()
onSelectionChange(params: { handler: (change: { selection: []; }) => void; }): VoidFunction
Adds a listener for when the selection changes.
Use this to react to selection changes, such as updating your UI to reflect what is currently selected on the map.
VoidFunction
A function to unsubscribe from the listener.
onViewportMove()
onViewportMove(args: { handler: (viewport: ) => void; }): VoidFunction
Adds a listener for when the viewport changes.
Use this to react to viewport changes, such as updating your UI or triggering other actions when users navigate the map.
VoidFunction
A function to unsubscribe from the listener.
onViewportMoveEnd()
onViewportMoveEnd(args: { handler: (viewport: ) => void; }): VoidFunction
Adds a listener for when the viewport move ends, which is when the user stops dragging or zooming the map, animations have finished, or inertial dragging ends.
Use this to react to the end of viewport changes, such as triggering data loading or analysis when users finish navigating.
VoidFunction
A function to unsubscribe from the listener.
onMapIdle(args: { handler: () => void; }): VoidFunction
Adds a listener for when the map is idle, which is defined as:
No transitions are in progress
The user is not interacting with the map, e.g. by panning or zooming
All tiles for the current viewport have been loaded
Use this to perform actions when the map is completely stable and ready for user interaction, such as enabling certain features or triggering data analysis.
VoidFunction
A function to unsubscribe from the listener.
readonly iframe: null | HTMLIFrameElement
The iframe element containing the Felt map, if it is an embedded map.