Add airports layer

layers/airports/index.js

@@ -0,0 +1,40 @@
+import GeoJSON from 'ol/format/GeoJSON.js';
+import VectorLayer from 'ol/layer/Vector.js';
+import VectorSource from 'ol/source/Vector.js';
+
+import types from './data/types.js';
+
+import { Circle, Fill, Stroke, Style } from 'ol/style.js';
+
+const layers = {
+    name: "Airports",
+    layers: [],
+};
+
+for (let [name, url] of Object.entries(types)) {
+    const layer = new VectorLayer({
+        source: new VectorSource({
+            url,
+            format: new GeoJSON,
+        }),
+        style: new Style({
+            image: new Circle({
+                radius: name == 'large_airport' ? 10 : name == "small_airport" ? 3 : 5,
+                fill: new Fill({
+                    color: 'rgba(255,255,255,0.4)',
+                }),
+                stroke: new Stroke({
+                    color: 'red',
+                    width: name == 'large_airport' ? 4 : 2,
+                }),
+            }),
+        }),
+    });
+
+    layers.layers.push({
+        name,
+        layer,
+    });
+}
+
+export default layers;