initial commit

Author: henrythasler

html/index.html

@@ -120,7 +120,7 @@
 
     <script type="text/javascript">
 
-        var styles = ["cyclemap", "xray"];
+        var styles = ["shadow", "cyclemap", "xray"];
 
         function loadJson(file) {
             return new Promise(function (resolve, reject) {

html/shadow-base.json

@@ -0,0 +1,23 @@
+{
+  "version": 8,
+  "name": "Mapbox Local",
+  "metadata": {},
+  "sources": {
+    "local": {
+      "type": "vector",
+      "minzoom": 8,
+      "tiles": [
+        "https://tiles.cyclemap.link/local/{z}/{x}/{y}.mvt"
+      ]
+    },
+    "global": {
+      "minzoom": 3,
+      "type": "vector",
+      "tiles": [
+        "https://tiles.cyclemap.link/global/{z}/{x}/{y}.mvt"
+      ]
+    }
+  },
+  "glyphs": "mapbox://fonts/mapbox/{fontstack}/{range}.pbf",
+  "layers": []
+}

html/shadow-layers.json

@@ -0,0 +1,28 @@
+[{
+        "id": "background",
+        "type": "background",
+        "paint": {
+            "background-color": "#eee"
+        }
+    },
+    {
+        "id": "water-ocean",
+        "type": "fill",
+        "source": "global",
+        "source-layer": "water",
+        "paint": {
+            "fill-color": "#444",
+            "fill-outline-color": "rgba(0,0,0,0)"
+        }
+    },
+    {
+        "id": "roads",
+        "type": "line",
+        "source": "local",
+        "source-layer": "roads",
+        "paint": {
+          "line-color": "#444",
+          "line-width": 1
+        }
+    }    
+]