archive-gh-me/mapbox-gl-draw
1
0
Fork 0
mirror of https://github.com/mapbox/mapbox-gl-draw.git synced 2026-02-01 14:34:52 +00:00
Code Issues Projects Releases Wiki Activity

Mode state interface

Browse Source
This commit is contained in:
tristen 2025-03-14 17:29:24 -04:00
parent 1c2bc4c271
commit 64cd9dfe11
2 changed files with 21 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/modes/direct_select.ts
View File

@ -11,7 +11,7 @@ import { doubleClickZoom } from '../lib/double_click_zoom';
import * as Constants from '../constants';
import moveFeatures from '../lib/move_features';
import type { CTX, DrawCustomMode, MapMouseEvent } from '../types/types';
import type { ModeState, DrawCustomMode, MapMouseEvent } from '../types/types';
const isVertex = isOfMetaType(Constants.meta.VERTEX);
const isMidpoint = isOfMetaType(Constants.meta.MIDPOINT);
@ -19,12 +19,12 @@ const isMidpoint = isOfMetaType(Constants.meta.MIDPOINT);
interface DirectSelectMode extends DrawCustomMode {
fireUpdate(): void;
clickInactive(): void;
fireActionable(state: CTX): void;
clickNoTarget(state: CTX, e: MapMouseEvent): void;
startDragging(state: CTX, e: MapMouseEvent): void;
stopDragging(state: CTX): void;
onVertex(state: CTX, e: MapMouseEvent): void;
onMidpoint(state: CTX, e: MapMouseEvent): void;
fireActionable(state: ModeState): void;
clickNoTarget(state: ModeState, e: MapMouseEvent): void;
startDragging(state: ModeState, e: MapMouseEvent): void;
stopDragging(state: ModeState): void;
onVertex(state: ModeState, e: MapMouseEvent): void;
onMidpoint(state: ModeState, e: MapMouseEvent): void;
}
const DirectSelect: DirectSelectMode = {
@ -84,6 +84,9 @@ const DirectSelect: DirectSelectMode = {
},
onMidpoint: function (state, e) {
console.log('STATE LOOKS LIKE THIS', state);
this.startDragging(state, e);
const about = e.featureTarget.properties;
state.feature.addCoordinate(about.coord_path, about.lng, about.lat);
@ -272,7 +275,7 @@ const DirectSelect: DirectSelectMode = {
onMouseUp: function (state) { return this._end(state); },
onTouchEnd: function (state) { return this._end(state); },
toDisplayFeatures: function (state: CTX, geojson, push) {
toDisplayFeatures: function (state: ModeState, geojson, push) {
if (state.featureId === geojson.properties.id) {
geojson.properties.active = Constants.activeStates.ACTIVE;
push(geojson);

10
src/types/types.ts
View File

@ -223,6 +223,16 @@ interface DrawPolygon extends DrawFeatureBase<Position[][]> {
removeCoordinate(path: string): void;
}
export interface ModeState {
featureId: string;
canDragMove: boolean;
dragMoveLocation: { lng: number; lat: number; } | undefined
dragMoving: boolean;
feature: DrawFeature;
initialDragPanState?: boolean;
selectedCoordPaths: [];
}
export type DrawFeature =
| DrawPoint
| DrawLineString