Move chains to their own directory

layers/chains/culvers/layer.js

@@ -6,7 +6,7 @@ import {Style} from 'ol/style.js';
 import Icon from 'ol/style/Icon.js';
 
 import culversURL from '/data/culvers-data.geojson?url'; // TODO: remove `?url`?
-import pinURL from '/layers/culvers/pin.svg?url'; // TODO: remove `?url`?
+import pinURL from './pin.svg?url'; // TODO: remove `?url`?
 
 const vectorLayer = new VectorLayer({
     source: new VectorSource({

layers/chains/index.js

@@ -0,0 +1,38 @@
+import culversLayer from './culvers/layer.js';
+import krispyKremeLayer from './krispy-kreme/layer.js';
+import kwikTripLayer from './kwik-trip/layer.js';
+import menardsLayer from './menards/layer.js';
+import milwaukeeBurgerCompanyLayer from './milwaukee-burger-company/layer.js';
+import waffleHouseLayer from './waffle-house/layer.js';
+
+const chains = {
+    name: "Chains",
+    layers: [
+        {
+            name: "Culver's",
+            layer: culversLayer,
+        },
+        {
+            name: "Krispy Kreme",
+            layer: krispyKremeLayer,
+        },
+        {
+            name: "Kwik Trip/Kwik Star",
+            layer: kwikTripLayer,
+        },
+        {
+            name: "Menards",
+            layer: menardsLayer,
+        },
+        {
+            name: "Milwaukee Burger Company",
+            layer: milwaukeeBurgerCompanyLayer,
+        },
+        {
+            name: "Waffle House",
+            layer: waffleHouseLayer,
+        },
+    ],
+};
+
+export default chains;

layers/chains/krispy-kreme/layer.js

@@ -6,7 +6,7 @@ import {Style} from 'ol/style.js';
 import Icon from 'ol/style/Icon.js';
 
 import waffleHouseURL from '/data/krispy-kreme-data.geojson?url'; // TODO: remove `?url`?
-import pinURL from '/layers/krispy-kreme/pin.svg?url'; // TODO: remove `?url`?
+import pinURL from './pin.svg?url'; // TODO: remove `?url`?
 
 const vectorLayer = new VectorLayer({
     source: new VectorSource({

layers/chains/kwik-trip/layer.js

@@ -6,7 +6,7 @@ import {Style} from 'ol/style.js';
 import Icon from 'ol/style/Icon.js';
 
 import kwikTripURL from '/data/kwik-trip-data.geojson?url'; // TODO: remove `?url`?
-import pinURL from '/layers/kwik-trip/pin.svg?url'; // TODO: remove `?url`?
+import pinURL from './pin.svg?url'; // TODO: remove `?url`?
 
 const vectorLayer = new VectorLayer({
     source: new VectorSource({

layers/chains/menards/layer.js

@@ -6,7 +6,7 @@ import {Style} from 'ol/style.js';
 import Icon from 'ol/style/Icon.js';
 
 import menardsURL from '/data/menards-data.geojson?url'; // TODO: remove `?url`?
-import pinURL from '/layers/menards/pin.svg?url'; // TODO: remove `?url`?
+import pinURL from './pin.svg?url'; // TODO: remove `?url`?
 
 const vectorLayer = new VectorLayer({
     source: new VectorSource({

layers/chains/milwaukee-burger-company/layer.js

@@ -6,7 +6,7 @@ import {Style} from 'ol/style.js';
 import Icon from 'ol/style/Icon.js';
 
 import url from '/data/milwaukee-burger-company-data.geojson?url'; // TODO: remove `?url`?
-import pin from '/layers/milwaukee-burger-company/pin.svg?url'; // TODO: remove `?url`?
+import pin from './pin.svg?url'; // TODO: remove `?url`?
 
 const vectorLayer = new VectorLayer({
     source: new VectorSource({

layers/chains/waffle-house/layer.js

@@ -6,7 +6,7 @@ import {Style} from 'ol/style.js';
 import Icon from 'ol/style/Icon.js';
 
 import waffleHouseURL from '/data/waffle-house-data.geojson?url'; // TODO: remove `?url`?
-import pinURL from '/layers/waffle-house/pin.svg?url'; // TODO: remove `?url`?
+import pinURL from './pin.svg?url'; // TODO: remove `?url`?
 
 const vectorLayer = new VectorLayer({
     source: new VectorSource({

layers/index.js

@@ -5,16 +5,11 @@ import Stamen from 'ol/source/Stamen.js';
 import chandlerLayer from './chandler/layer.js';
 import amtrakLayer from './amtrak/layer.js';
 import arenasLayer from './nhl-arenas/layer.js';
-import menardsLayer from './menards/layer.js';
-import culversLayer from './culvers/layer.js';
-import kwikTripLayer from './kwik-trip/layer.js';
-import waffleHouseLayer from './waffle-house/layer.js';
-import krispyKremeLayer from './krispy-kreme/layer.js';
-import milwaukeeBurgerCompanyLayer from './milwaukee-burger-company/layer.js';
 import bikepackingLayer from './bikepacking/layer.js';
+import chains from './chains/index.js';
 
 const layerCategories = [
-    {
+    { // Base maps
         name: "Base maps",
         // TODO: include more?
         // - [ ] https://mc.bbbike.org/mc/
@@ -53,8 +48,8 @@ const layerCategories = [
             },
         ],
     },
-    {
-        name: "Overlays",
+    { // Misc
+        name: "Misc",
         layers: [
             {
                 name: "Chandler",
@@ -69,36 +64,13 @@ const layerCategories = [
                 name: "NHL Arenas",
                 layer: arenasLayer,
             },
-            {
-                name: "Menards",
-                layer: menardsLayer,
-            },
-            {
-                name: "Culver's",
-                layer: culversLayer,
-            },
-            {
-                name: "Kwik Trip/Kwik Star",
-                layer: kwikTripLayer,
-            },
-            {
-                name: "Waffle House",
-                layer: waffleHouseLayer,
-            },
-            {
-                name: "Krispy Kreme",
-                layer: krispyKremeLayer,
-            },
-            {
-                name: "Milwaukee Burger Company",
-                layer: milwaukeeBurgerCompanyLayer,
-            },
             {
                 name: "Bikepacking.com Routes",
                 layer: bikepackingLayer,
             },
         ]
-    }
+    },
+    chains
 ];
 
 export default layerCategories;