steven/gpx.studio
1
0
Fork 0
mirror of https://github.com/gpxstudio/gpx.studio.git synced 2025-08-31 23:53:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

waypoints reactive to file changes

Browse Source
This commit is contained in:
vcoppe
2024-04-30 15:57:47 +02:00
parent e761283501
commit 2eb53c4d15
1 changed files with 18 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -102,9 +102,19 @@ export class GPXLayer {
this.map.on('mouseenter', this.layerId, toPointerCursor);
this.map.on('mouseleave', this.layerId, toDefaultCursor);
}
}
if (this.markers.length == 0) {
get(this.file).wpt.forEach((waypoint) => {
updateData() {
let source = this.map.getSource(this.layerId);
if (source) {
source.setData(this.getGeoJSON());
}
let markerIndex = 0;
get(this.file).wpt.forEach((waypoint) => { // Update markers
if (markerIndex < this.markers.length) {
this.markers[markerIndex].setLngLat(waypoint.getCoordinates());
} else {
let marker = new mapboxgl.Marker().setLngLat(waypoint.getCoordinates());
marker.getElement().addEventListener('click', (e) => {
marker.setPopup(this.popup);
@@ -113,7 +123,12 @@ export class GPXLayer {
});
this.markers.push(marker);
});
}
markerIndex++;
});
while (markerIndex < this.markers.length) { // Remove extra markers
this.markers.pop()?.remove();
}
this.markers.forEach((marker) => {
@@ -121,13 +136,6 @@ export class GPXLayer {
});
}
updateData() {
let source = this.map.getSource(this.layerId);
if (source) {
source.setData(this.getGeoJSON());
}
}
remove() {
this.map.off('click', this.layerId, this.selectOnClickBinded);
this.map.off('mouseenter', this.layerId, toPointerCursor);