Added local json file to use OpenStreetMap tile server (#67)

EPICSYSTEM-85

Author: Ckoelewyn

met-web/public/basic-map.json

@@ -0,0 +1,25 @@
+{
+    "version": 8,
+    "name": "Basic World Map",
+    "sources": {
+      "simple-tiles": {
+        "type": "raster",
+        "tiles": [
+          "https://a.tile.openstreetmap.org/{z}/{x}/{y}.png",
+          "https://b.tile.openstreetmap.org/{z}/{x}/{y}.png",
+          "https://c.tile.openstreetmap.org/{z}/{x}/{y}.png"
+        ],
+        "tileSize": 256,
+        "attribution": "Map data © OpenStreetMap contributors"
+      }
+    },
+    "layers": [
+      {
+        "id": "simple-tiles",
+        "type": "raster",
+        "source": "simple-tiles",
+        "minzoom": 0,
+        "maxzoom": 22
+      }
+    ]
+  }

met-web/src/components/map/index.tsx

@@ -9,6 +9,7 @@ import { Stack } from '@mui/material';
 import { When } from 'react-if';
 import { AnyLayer } from 'mapbox-gl';
 import { Palette } from 'styles/Theme';
+
 interface MapProps {
     latitude: number;
     longitude: number;
@@ -41,8 +42,7 @@ const lineStyle: AnyLayer = {
         'line-color': `${Palette.primary.main}`,
     },
 };
-export const MAP_STYLE =
-    'https://governmentofbc.maps.arcgis.com/sharing/rest/content/items/bbe05270d3a642f5b62203d6c454f457/resources/styles/root.json';
+export const MAP_STYLE = process.env.PUBLIC_URL + '/basic-map.json';
 
 const MetMap = ({ geojson, latitude, longitude, markerLabel, zoom }: MapProps) => {
     return (