From c99f38d54667915a52047d598da40815236cd3ca Mon Sep 17 00:00:00 2001
From: Yuval Adam <_@yuv.al>
Date: Tue, 15 Oct 2019 22:42:28 +0300
Subject: Extract Map.js

---
 src/Map.js | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 src/Map.js

(limited to 'src/Map.js')

diff --git a/src/Map.js b/src/Map.js
new file mode 100644
index 0000000..78dbebf
--- /dev/null
+++ b/src/Map.js
@@ -0,0 +1,28 @@
+import React, { useState } from 'react';
+import ReactMapboxGl, { Layer, Feature } from 'react-mapbox-gl';
+import 'mapbox-gl/dist/mapbox-gl.css';
+
+const MAPBOX_ACCESS_TOKEN = 'pk.eyJ1IjoieXV2YWRtIiwiYSI6ImNpcnMxbzBuaTAwZWdoa25oczlzZmkwbHcifQ.UHtLngbKm9O8945pJm23Nw';
+
+const Mapbox = ReactMapboxGl({
+  accessToken: MAPBOX_ACCESS_TOKEN,
+  minZoom: 5,
+  maxZoom: 10,
+  hash: false,
+});
+
+function Map() {
+  const [center, setCenter] = useState([35, 31.9]);
+  const [zoom, setZoom] = useState([6.3]);
+
+  return (
+    <Mapbox style="mapbox://styles/mapbox/dark-v9" center={center} zoom={zoom}
+      containerStyle={{
+        height: '100vh',
+        width: '100vw'
+      }}
+    ></Mapbox>
+  );
+}
+
+export default Map;
-- 
cgit v1.3.1