Load data.json with hexagons

Author: jimpick

.gitignore

@@ -21,3 +21,4 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.env

public/data.json

@@ -0,0 +1,36 @@
+{
+  "viewState": {
+    "latitude": 48.457518769136485,
+    "longitude": -123.40784847252989,
+    "zoom": 17.014633278264917,
+    "pitch": 0,
+    "bearing": 0,
+    "maxZoom": 20,
+    "minZoom": 1,
+    "width": 850,
+    "height": 967,
+    "altitude": 1.5,
+    "maxPitch": 60,
+    "minPitch": 0,
+    "transitionDuration": 0
+  },
+  "solid": [
+    {
+      "hex": "8b28d1a1ad74fff",
+      "count": 1.993562262564005,
+      "colorIndex": 3
+    },
+    {
+      "hex": "8b28d1a12201fff",
+      "count": 1.993562262564005,
+      "colorIndex": 4
+    },
+    {
+      "hex": "8d28d1af4c0d2ff",
+      "count": 0.963468653442753,
+      "colorIndex": 3
+    }
+  ],
+  "clear": [],
+  "dark": []
+}

src/mvt/H3HexagonMVT.js

@@ -68,6 +68,18 @@ export default function H3HexagonMVT () {
     }
   }, [location])
   const [listeners, dispatchListenersAction] = useReducer(listenersReducer, {})
+  useEffect(() => {
+    async function fetchData() {
+      const response = await fetch(process.env.PUBLIC_URL + '/data.json')
+      const data = await response.json()
+      console.log('Jim data', data)
+      setDataSolid(data.solid)
+      setDataClear(data.clear)
+      setDataDark(data.dark)
+      setViewState(data.viewState)
+    }
+    fetchData()
+  }, [setDataSolid, setDataClear, setDataDark, setViewState])
 
   function getDataAndSetter (layer) {
     let data

yarn.lock

@@ -3403,9 +3403,9 @@ caniuse-api@^3.0.0:
     lodash.uniq "^4.5.0"
 
 caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30001035, caniuse-lite@^1.0.30001036:
-  version "1.0.30001038"
-  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001038.tgz#44da3cbca2ab6cb6aa83d1be5d324e17f141caff"
-  integrity sha512-zii9quPo96XfOiRD4TrfYGs+QsGZpb2cGiMAzPjtf/hpFgB6zCPZgJb7I1+EATeMw/o+lG8FyRAnI+CWStHcaQ==
+  version "1.0.30001441"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001441.tgz"
+  integrity sha512-OyxRR4Vof59I3yGWXws6i908EtGbMzVUi3ganaZQHmydk1iwDhRnvaPG2WaR0KcqrDFKrxVZHULT396LEPhXfg==
 
 capture-exit@^2.0.0:
   version "2.0.0"