better seismic drawings, and adsb enrichment

client/src/services/adsb.ts

@@ -62,9 +62,13 @@ export class AirTrafficLayer {
 		this._draw()
 		this._attachClick()
 		this.refreshTimer = adjustedInterval(async () => {
-			await this._fetch()
-			this._draw()
-			this._refreshPopups()
+			try {
+				await this._fetch()
+				this._draw()
+				this._refreshPopups()
+			} catch (err) {
+				console.error(err)
+			}
 		}, 1_000)
 	}
 

client/src/services/ais.ts

@@ -69,9 +69,13 @@ export class AISLayer {
 		this._draw()
 		this._attachClick()
 		this.refreshTimer = adjustedInterval(async () => {
-			await this._fetch()
-			this._draw()
-			this._refreshPopups()
+			try {
+				await this._fetch()
+				this._draw()
+				this._refreshPopups()
+			} catch (err) {
+				console.error(err);
+			}
 		}, 5_000)
 	}
 

client/src/services/range.ts

@@ -11,11 +11,12 @@ export class RangeLayer {
 	private map:    Map
 	private layer!: VectorLayer<VectorSource>
 	visible = false
+	interval: any;
 
 	constructor(map: Map) { this.map = map }
 
 	async show() {
-		if (this.visible) return
+		if(this.visible) this.hide(false);
 		this.visible = true
 
 		const points: [number, number][] = await fetch(`${BASE}/api/range`).then(r => r.json())
@@ -30,11 +31,16 @@ export class RangeLayer {
 		const source = new VectorSource({ features: [feature] })
 		this.layer = new VectorLayer({ source, zIndex: 50 })
 		this.map.addLayer(this.layer)
+		if(!this.interval) this.interval = setInterval(() => this.show, 60_000);
 	}
 
-	hide() {
+	hide(stop = true) {
 		if (!this.visible) return
 		this.visible = false
 		this.map.removeLayer(this.layer)
+		if(stop && this.interval) {
+			clearInterval(this.interval);
+			this.interval = null;
+		}
 	}
 }