summaryrefslogtreecommitdiff
path: root/src/Map.js
diff options
context:
space:
mode:
authorYuval Adam <_@yuv.al>2022-11-29 09:19:07 +0200
committerGitHub <noreply@github.com>2022-11-29 09:19:07 +0200
commit50d9d173d1c2cf22efb960fd122ca64201f34bf5 (patch)
tree8e54dc74a491c564575a47f85f79ae1d41c03059 /src/Map.js
parent3c0fce7319f4e4ae076527eb98e6164210bdb34c (diff)
parent8507df99e5a3a77fa2a2f1c716e2eefeee92f11b (diff)
Merge pull request #30 from yuvadm/v6v6.0.0
Major v6 upgrade
Diffstat (limited to 'src/Map.js')
-rw-r--r--src/Map.js65
1 files changed, 0 insertions, 65 deletions
diff --git a/src/Map.js b/src/Map.js
deleted file mode 100644
index c39e1ac..0000000
--- a/src/Map.js
+++ /dev/null
@@ -1,65 +0,0 @@
-import React, { Fragment, useState } from "react";
-import ReactMapboxGl, { Layer, Source } from "react-mapbox-gl";
-
-import {
- MAPBOX_ACCESS_TOKEN,
- IMAGE_COORDINATES,
- IMAGES_BASE_URL
-} from "./config";
-
-import "mapbox-gl/dist/mapbox-gl.css";
-
-const Mapbox = ReactMapboxGl({
- accessToken: MAPBOX_ACCESS_TOKEN,
- minZoom: 5,
- maxZoom: 10,
- hash: false
-});
-
-function Map(props) {
- const [center] = useState([35, 31.9]);
- const [zoom] = useState([6.3]);
-
- return (
- <Mapbox
- style="mapbox://styles/mapbox/dark-v9"
- center={center}
- zoom={zoom}
- containerStyle={{
- height: "100vh",
- width: "100vw"
- }}
- >
- {props.images.map((img, i) => {
- const id = `radar-280-${i}`;
- return (
- <Fragment key={`image-${id}`}>
- <Source
- id={id}
- key={`source-${id}`}
- tileJsonSource={{
- type: "image",
- url: `${IMAGES_BASE_URL}/${img}`,
- coordinates: IMAGE_COORDINATES
- }}
- />
- <Layer
- id={id}
- key={`layer-${id}`}
- sourceId={id}
- type="raster"
- paint={{
- "raster-opacity": i === props.slider ? 0.85 : 0,
- "raster-opacity-transition": {
- duration: 0
- }
- }}
- />
- </Fragment>
- );
- })}
- </Mapbox>
- );
-}
-
-export default Map;