arrow-left

All pages
gitbookPowered by GitBook
1 of 1

Loading...

InteractionsController


The Interactions controller allows you to observe interactions with the map

hashtag
Extended by

  • FeltController

hashtag
Events

hashtag
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.

hashtag
Parameters

Parameter
Type

hashtag
Returns

VoidFunction

A function to unsubscribe from the listener.

hashtag
Example


hashtag
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.

hashtag
Parameters

Parameter
Type
Description

hashtag
Returns

VoidFunction

A function to unsubscribe from the listener.

hashtag
Example

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

MapInteractionEvent
MapInteractionEvent
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();