steven/gpx.studio
1
0
Fork 0
mirror of https://github.com/gpxstudio/gpx.studio.git synced 2025-12-02 10:02:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

listen to touchstart event on layer

Browse Source
This commit is contained in:
vcoppe
2025-11-19 23:45:28 +01:00
parent cad77e2b10
commit fda908dd0d
1 changed files with 8 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
website/src/lib/components/map/gpx-layer/gpx-layer.ts
View File

@@ -241,7 +241,11 @@ export class GPXLayer {
this.fileId + '-waypoints', this.fileId + '-waypoints',
this.waypointLayerOnMouseDownBinded this.waypointLayerOnMouseDownBinded
); );
_map.on('touchstart', this.waypointLayerOnTouchStartBinded); _map.on(
'touchstart',
this.fileId + '-waypoints',
this.waypointLayerOnTouchStartBinded
);
} }
if (get(directionMarkers)) { if (get(directionMarkers)) {
@@ -569,10 +573,7 @@ export class GPXLayer {
} }
waypointLayerOnTouchStart(e: mapboxgl.MapTouchEvent) { waypointLayerOnTouchStart(e: mapboxgl.MapTouchEvent) {
if (e.points.length !== 1) { if (e.points.length !== 1 || get(currentTool) !== Tool.WAYPOINT || !this.selected) {
return;
}
if (get(currentTool) !== Tool.WAYPOINT || !this.selected) {
return; return;
} }
const _map = get(map); const _map = get(map);
@@ -580,14 +581,7 @@ export class GPXLayer {
return; return;
} }
let features = _map.queryRenderedFeatures(e.point, { this.draggedWaypointIndex = e.features![0].properties!.waypointIndex;
layers: [this.fileId + '-waypoints'],
});
if (features.length === 0) {
return;
}
this.draggedWaypointIndex = features[0].properties!.waypointIndex;
this.draggingStartingPosition = e.point; this.draggingStartingPosition = e.point;
waypointPopup?.hide(); waypointPopup?.hide();
@@ -598,10 +592,7 @@ export class GPXLayer {
} }
waypointLayerOnMouseMove(e: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent) { waypointLayerOnMouseMove(e: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent) {
if ( if (!this.draggedWaypointIndex || e.point.equals(this.draggingStartingPosition)) {
!this.draggedWaypointIndex ||
(e.type === 'mousemove' && e.point.equals(this.draggingStartingPosition))
) {
return; return;
} }