AIS, ADSB, and Range

client/src/components/MapView.vue

@@ -1,6 +1,8 @@
 <script setup lang="ts">
-import { AirTrafficLayer } from '@/services/airtraffic.ts'
+import { AirTrafficLayer } from '@/services/adsb.ts'
+import { AISLayer } from '@/services/ais.ts'
 import {api} from '@/services/api.ts';
+import {RangeLayer} from '@/services/range.ts';
 import { computed, onMounted, onUnmounted, ref, watch } from 'vue'
 import Map from 'ol/Map'
 import View from 'ol/View'
@@ -43,6 +45,8 @@ let map: Map
 let stationLayer: VectorLayer<VectorSource>
 let radarInterval: ReturnType<typeof setInterval>
 let airTraffic: AirTrafficLayer
+let aisLayer: AISLayer
+let range: RangeLayer
 
 const hourTickIndices = computed(() => {
 	const indices: number[] = []
@@ -205,8 +209,12 @@ onMounted(async () => {
 		controls: [],
 	})
 
+	aisLayer = new AISLayer(map);
+	aisLayer.show();
 	airTraffic = new AirTrafficLayer(map)
 	airTraffic.show()
+	range = new RangeLayer(map);
+	range.show();
 
 	for (const id of activeOverlays.value) {
 		if (id === 'wind') continue