Skip to content

Superviseur — Frontend v0.14.0


Superviseur — Frontend / features/map/composables/useMapInteraction / useMapInteraction

Fonction: useMapInteraction()

ts
function useMapInteraction(
   imgRef, 
   mapDimensions, 
   mode, 
   pushState): object;

Défini dans: features/map/composables/useMapInteraction.ts:44

Composable gérant les interactions de la souris avec l'éditeur de cartes. Permet le glisser-déposer des sommets, des polygones entiers, des points de détection et la détection d'ajout de sommets.

Paramètres

ParamètreTypeDescription
imgRefRef<HTMLImageElement | null>Référence réactive vers l'élément HTML Image de la carte.
mapDimensionsRef<{ width: number; height: number; }>Dimensions réactives de la carte.
modeRef<"view" | "edit">Mode actuel (visualisation ou édition).
pushState(map) => voidFonction de sauvegarde d'état pour l'historique d'annulation.

Retourne

États et méthodes de gestion de l'interaction cartographique.

NameTypeDescriptionDéfini dans
interactionStateRef<InteractionState, InteractionState>-features/map/composables/useMapInteraction.ts:277
activePolygonIndexRef<number | null, number | null>-features/map/composables/useMapInteraction.ts:278
activeVertexIndexRef<number | null, number | null>-features/map/composables/useMapInteraction.ts:279
draggingPointIndexRef<number | null, number | null>-features/map/composables/useMapInteraction.ts:280
isDragInvalidRef<boolean, boolean>-features/map/composables/useMapInteraction.ts:281
hoveredEdgePointRef< | { x: number; y: number; polygonIndex: number; insertIndex: number; } | null, | HoveredEdgePoint | { x: number; y: number; polygonIndex: number; insertIndex: number; } | null>-features/map/composables/useMapInteraction.ts:282
dragStartPosRef<{ x: number; y: number; }, | { x: number; y: number; } | { x: number; y: number; }>-features/map/composables/useMapInteraction.ts:283
mousePosRef< | { x: number; y: number; } | null, | { x: number; y: number; } | { x: number; y: number; } | null>-features/map/composables/useMapInteraction.ts:284
getRelativeCoords()(e) => CoordsConverts mouse event to relative coordinates (percentage)features/map/composables/useMapInteraction.ts:287
onContainerMouseDown()(e, map) => booleanHandles mouse down event for starting vertex/polygon/point draggingfeatures/map/composables/useMapInteraction.ts:288
startPointDrag()(point, map, isTooltipLocked) => voidStarts dragging a point (detector/equipment)features/map/composables/useMapInteraction.ts:289
onContainerMouseMove()(e, map) => voidHandles mouse move event for dragging vertices/polygons/pointsfeatures/map/composables/useMapInteraction.ts:290
onContainerMouseUp()(map) => voidHandles mouse up event to end draggingfeatures/map/composables/useMapInteraction.ts:291
resetInteraction()() => voidResets all interaction statefeatures/map/composables/useMapInteraction.ts:292

Documentation Technique