Skip to content

Superviseur — Frontend v1.0.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.

NomTypeDescriptionDéfini dans
interactionStateRef<InteractionState, InteractionState>-features/map/composables/useMapInteraction.ts:268
activePolygonIndexRef<number | null, number | null>-features/map/composables/useMapInteraction.ts:269
activeVertexIndexRef<number | null, number | null>-features/map/composables/useMapInteraction.ts:270
draggingPointIndexRef<number | null, number | null>-features/map/composables/useMapInteraction.ts:271
isDragInvalidRef<boolean, boolean>-features/map/composables/useMapInteraction.ts:272
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:273
dragStartPosRef<{ x: number; y: number; }, | { x: number; y: number; } | { x: number; y: number; }>-features/map/composables/useMapInteraction.ts:274
mousePosRef< | { x: number; y: number; } | null, | { x: number; y: number; } | { x: number; y: number; } | null>-features/map/composables/useMapInteraction.ts:275
getRelativeCoords()(e) => CoordsConverts mouse event to relative coordinates (percentage)features/map/composables/useMapInteraction.ts:277
onContainerMouseDown()(e, map) => booleanHandles mouse down event for starting vertex/polygon/point draggingfeatures/map/composables/useMapInteraction.ts:278
startPointDrag()(point, map, isTooltipLocked) => voidStarts dragging a point (detector/equipment)features/map/composables/useMapInteraction.ts:279
onContainerMouseMove()(e, map) => voidHandles mouse move event for dragging vertices/polygons/pointsfeatures/map/composables/useMapInteraction.ts:280
onContainerMouseUp()(map) => voidHandles mouse up event to end draggingfeatures/map/composables/useMapInteraction.ts:281
resetInteraction()() => voidResets all interaction statefeatures/map/composables/useMapInteraction.ts:282

Documentation Technique