changed map style from js to json

index.html

@@ -571,7 +571,6 @@
           }
 </script>
 <script src="./src/other-ui-stuff.js"></script>
-<script src="./src/style/layers.js"></script>
 <script src="./src/map.js"></script>
 <script src="./src/osm-integration.js"></script>
 <script src="./src/pwa-EventListeners.js" type="module"></script>

src/map.js

@@ -14,7 +14,7 @@ const map = new maplibregl.Map({
     "maxPitch": 0,
     "dragRotate": false,
     "preserveDrawingBuffer": true,
-    "style": layers
+    "style": "./src/map_style.json"
 });
 
 //map.scrollZoom.setWheelZoomRate(1 / 100);

src/map_style.json

@@ -1,4 +1,4 @@
-let layers = {
+{
   "version": 8,
   "metadata": {
     "maputnik:renderer": "mbgljs"
@@ -21,10 +21,10 @@ let layers = {
     },
     "aed-locations": {
       "type": "geojson",
-      "data": "../../aed_poland.geojson",
+      "data": "../aed_poland.geojson",
       "cluster": true,
       "clusterRadius": 32,
-      "maxzoom": 12,
+      "maxzoom": 12
     }
   },
   "glyphs": "https://fonts.openmaptiles.org/{fontstack}/{range}.pbf",
@@ -75,5 +75,5 @@ let layers = {
       }
     }
   ],
-  "id": "53fam6b4c"
-};
+  "id": "aed_map_style"
+}