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

routing controls class

Browse Source
This commit is contained in:
vcoppe
2024-04-25 16:41:06 +02:00
parent 22de36d426
commit 7ef19adf53
9 changed files with 343 additions and 298 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
website/src/lib/components/gpx-layer/GPXLayer.ts
View File

@@ -48,6 +48,9 @@ export class GPXLayer {
layerColor: string;
unsubscribe: () => void;
addBinded: () => void = this.add.bind(this);
selectOnClickBinded: (e: any) => void = this.selectOnClick.bind(this);
constructor(map: mapboxgl.Map, file: Writable<GPXFile>) {
this.map = map;
this.file = file;
@@ -61,7 +64,7 @@ export class GPXLayer {
};
this.add();
this.map.on('style.load', this.add.bind(this));
this.map.on('style.load', this.addBinded);
}
add() {
@@ -90,7 +93,7 @@ export class GPXLayer {
}
});
this.map.on('click', this.layerId, this.selectOnClick.bind(this));
this.map.on('click', this.layerId, this.selectOnClickBinded);
this.map.on('mouseenter', this.layerId, toPointerCursor);
this.map.on('mouseleave', this.layerId, toDefaultCursor);
}
@@ -104,10 +107,10 @@ export class GPXLayer {
}
remove() {
this.map.off('click', this.layerId, this.selectOnClick.bind(this));
this.map.off('click', this.layerId, this.selectOnClickBinded);
this.map.off('mouseenter', this.layerId, toPointerCursor);
this.map.off('mouseleave', this.layerId, toDefaultCursor);
this.map.off('style.load', this.add.bind(this));
this.map.off('style.load', this.addBinded);
this.map.removeLayer(this.layerId);
this.map.removeSource(this.layerId);

2
website/src/lib/components/gpx-layer/GPXLayers.svelte
View File

@@ -7,12 +7,14 @@
let gpxLayers: Map<Writable<GPXFile>, GPXLayer> = new Map();
$: if ($map) {
// remove layers for deleted files
gpxLayers.forEach((layer, file) => {
if (!get(files).includes(file)) {
layer.remove();
gpxLayers.delete(file);
}
});
// add layers for new files
$files.forEach((file) => {
if (!gpxLayers.has(file)) {
gpxLayers.set(file, new GPXLayer(get(map), file));