The Interactions module allows you to be notified when the user interacts with the map.
Interactions include clicking and hovering on points and features.
The Interactions controller allows you to observe interactions with the map
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(
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.
coordinate: LatLng
The cursor position in world coordinates.
point: {
x:number;y:number; }
The pixel coordinates of the mouse cursor, relative to the map and measured from the top left corner.
x
number
y
number
features:
LayerFeature[]
The vector features that are under the cursor.
rasterValues:
RasterValue[]
The raster pixel values that are under the cursor.
params
{ handler: (event: MapInteractionEvent) => void; }
params.handler
(event: MapInteractionEvent) => void
params
{ handler: (event: MapInteractionEvent) => void; }
Params for the listener
params.handler
(event: MapInteractionEvent) => void
The handler function
const unsubscribe = felt.onPointerClick({
handler: (event) => console.log(event.center, event.features),
});
// later on...
unsubscribe();// Track mouse movement and features under cursor
const unsubscribe = felt.onPointerMove({
handler: (event) => {
console.log("Mouse position:", event.center);
console.log("Features under cursor:", event.features);
}
});
// later on...
unsubscribe();