maps.chandlerswift.com/layers/index.js

import TileLayer from 'ol/layer/Tile';
import OSM from 'ol/source/OSM';
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 bikepackingLayer from './bikepacking/layer.js';
import chains from './chains/index.js';
import census_bureau from './census-bureau/index.js';
import states from './states/index.js';
import national_land from './national-land/index.js';
import cellular from './cellular.js';
import light_pollution from './light_pollution.js';
import state_land from './state-land/index.js';
import trips from './trips/index.js';
import dot_cams from './dot-cams/index.js';

const layerCategories = [
    { // Base maps
        name: "Base maps",
        // TODO: include more?
        // - [ ] https://mc.bbbike.org/mc/
        // - [ ] https://www.thunderforest.com/pricing/
        layers: [
            {
                name: "OpenStreetMap Carto (Raster)",
                enabled: true,
                layer: new TileLayer({
                    source: new OSM(),
                }),
            },
            {
                name: "CyclOSM (Raster)",
                layer: new TileLayer({
                    source: new OSM({
                        url: "https://a.tile-cyclosm.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png", // TODO: {s}
                    }),
                }),
            },
            {
                name: "Stamen Watercolor (Raster)",
                layer: new TileLayer({
                    source: new Stamen({
                        layer: 'watercolor',
                    }),
                }),
            },
            {
                name: "Stamen Toner (Raster)",
                layer: new TileLayer({
                    source: new Stamen({
                        layer: 'toner',
                    }),
                }),
            },
        ],
    },
    { // Misc
        name: "Misc",
        layers: [
            {
                name: "Chandler",
                enabled: true,
                layer: chandlerLayer,
            },
            {
                name: "Amtrak Routes",
                layer: amtrakLayer,
            },
            {
                name: "NHL Arenas",
                layer: arenasLayer,
            },
            {
                name: "Bikepacking.com Routes",
                layer: bikepackingLayer,
            },
        ]
    },
    dot_cams,
    trips,
    chains,
    census_bureau,
    states,
    national_land,
    state_land,
    cellular,
    light_pollution,
];

export default layerCategories;