Create a hover handler that manages feature-state hover state.
feature-state
Wires up mousemove / mouseleave events on the specified layer and toggles a boolean state key (default "hover") on the underlying source. Pair with a paint expression like:
mousemove
mouseleave
"hover"
import { expr } from "@honua/sdk";const opacity = expr.case([expr.featureState("hover"), 1.0], 0.5); Copy
import { expr } from "@honua/sdk";const opacity = expr.case([expr.featureState("hover"), 1.0], 0.5);
const hover = createHoverHandler(map, { source: "parcels", layer: "parcel-fill",});// Later:hover.remove(); Copy
const hover = createHoverHandler(map, { source: "parcels", layer: "parcel-fill",});// Later:hover.remove();
Create a hover handler that manages
feature-statehover state.Wires up
mousemove/mouseleaveevents on the specified layer and toggles a boolean state key (default"hover") on the underlying source. Pair with a paint expression like: