Add meta tags, increase min zoom for background

public/index.html

@@ -8,6 +8,8 @@
       name="description"
       content="A map of safe cycling infrastructure. Uses OpenStreetMap data."
     />
+    <meta name="author" content="Jake Coppinger">
+    <meta name="keywords" content="maps,vectormaps,cycling,geospatial,openstreetmap,mapbox,typescript,rust,tfnsw,active transport,urbanism">
     <title>Safe Cycling Map</title>
     <link href='https://api.mapbox.com/mapbox-gl-js/v2.9.2/mapbox-gl.css' rel='stylesheet' />
     <style>

src/layers.ts

@@ -73,7 +73,7 @@ export const mapOnLoad = (map: mapboxgl.Map) => () => {
     tiles: ["https://api.safecyclingmap.com/tile/{z}/{x}/{y}"],
     // tiles: ["http://localhost:3000/tile/{z}/{x}/{y}"],
     
-    minzoom: 16,
+    minzoom: 17,
     maxzoom: 19,
   });