From 67a1524062f1fc2e45a9f35dbb582e072315ef9e Mon Sep 17 00:00:00 2001 From: Yuval Adam <_@yuv.al> Date: Tue, 15 Oct 2019 23:34:54 +0300 Subject: Initial fetchImages() implementation doesn't work due to CORS --- src/Map.js | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) (limited to 'src/Map.js') diff --git a/src/Map.js b/src/Map.js index 78dbebf..0a8065b 100644 --- a/src/Map.js +++ b/src/Map.js @@ -1,8 +1,10 @@ -import React, { useState } from 'react'; +import React, { useState, useEffect } from 'react'; import ReactMapboxGl, { Layer, Feature } from 'react-mapbox-gl'; + +import { IMAGES_BASE_URL, MAPBOX_ACCESS_TOKEN } from './config'; + import 'mapbox-gl/dist/mapbox-gl.css'; -const MAPBOX_ACCESS_TOKEN = 'pk.eyJ1IjoieXV2YWRtIiwiYSI6ImNpcnMxbzBuaTAwZWdoa25oczlzZmkwbHcifQ.UHtLngbKm9O8945pJm23Nw'; const Mapbox = ReactMapboxGl({ accessToken: MAPBOX_ACCESS_TOKEN, @@ -14,6 +16,16 @@ const Mapbox = ReactMapboxGl({ function Map() { const [center, setCenter] = useState([35, 31.9]); const [zoom, setZoom] = useState([6.3]); + const [images, setImages] = useState({}); + + useEffect(() => { + const fetchImages = async() => { + const res = await fetch(`${IMAGES_BASE_URL}/imgs.json`); + const imgs = await res.json(); + setImages(imgs); + }; + fetchImages(); + }, []); return (