blankstyle

src/components/VectorMap/index.tsx

@@ -8,6 +8,7 @@ import ReactMapGL, {
 import { fromJS } from "immutable";
 import {
   OsZoomStackLight,
+  BlankMap,
   MapboxStyle,
   HydrantStyle,
   MainStyle,
@@ -101,9 +102,13 @@ class VectorMap extends Component<VectorMapProps, VectorMapState> {
     ]);
     const wn_meter = extractAssetType(geoJson, ["wn_meter"]);
     const wn_valve = extractAssetType(geoJson, ["wn_valve"]);
-
+    // TODO: Clean up!!
     const usingOsBaseMap = this.props.projectionString === britishNationalGrid;
-    const baseStyle = usingOsBaseMap ? OsZoomStackLight : MapboxStyle;
+    const baseStyle = usingOsBaseMap
+      ? OsZoomStackLight
+      : this.props.projectionString === "METERS"
+      ? BlankMap
+      : MapboxStyle;
     const immutBase = fromJS(baseStyle); //)
     const mapStyle = immutBase
       .setIn(
@@ -183,12 +188,15 @@ class VectorMap extends Component<VectorMapProps, VectorMapState> {
       padding: 20
     });
 
+    const transitionDuration =
+      this.props.projectionString === "METERS" ? 0 : 50000;
+
     const viewport = {
       ...this.state.viewport,
       longitude,
       latitude,
       zoom,
-      transitionDuration: 7000,
+      transitionDuration,
       transitionInterpolator: new FlyToInterpolator(),
       transitionEasing: easeCubic
     };

src/mapstyles/base/blank.json

@@ -0,0 +1,35 @@
+{
+  "version": 8,
+  "name": "Blank",
+  "metadata": {
+    "mapbox:autocomposite": true,
+    "mapbox:type": "template",
+    "mapbox:sdk-support": {
+      "js": "0.50.0",
+      "android": "6.7.0",
+      "ios": "4.6.0"
+    }
+  },
+  "center": [
+    -1.464858786792547,
+    50.939150779110975
+  ],
+  "zoom": 13.12365211904204,
+  "bearing": -0.44200633613297663,
+  "pitch": 0,
+  "light": {
+    "intensity": 0.25,
+    "color": "hsl(0, 0%, 100%)"
+  },
+  "sprite": "mapbox://sprites/mapbox/basic-v8",
+  "glyphs": "mapbox://fonts/mapbox/{fontstack}/{range}.pbf",
+  "layers": [
+    {
+      "id": "background",
+      "type": "background",
+      "paint": {
+        "background-color": "#e6e5e1"
+      }
+    }
+  ]
+}

src/mapstyles/index.ts

@@ -1,16 +1,17 @@
-import OsZoomStackLight from './base/open-zoom-stack-light.json';
-import MapboxStyle from './base/style.json';
-import HydrantStyle from './water/hydrant';
-import MainStyle from './water/main';
-import MeterStyle from './water/meter';
-import ValveStyle from './water/valve';
+import OsZoomStackLight from "./base/open-zoom-stack-light.json";
+import MapboxStyle from "./base/style.json";
+import BlankMap from "./base/blank.json";
+import HydrantStyle from "./water/hydrant";
+import MainStyle from "./water/main";
+import MeterStyle from "./water/meter";
+import ValveStyle from "./water/valve";
 
 export {
+  BlankMap,
   OsZoomStackLight,
   HydrantStyle,
   MainStyle,
   MeterStyle,
   ValveStyle,
   MapboxStyle
-}
-
+};