rzmk/iss-position-spa
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Try /src json data

Browse source
This commit is contained in:
rzmk 2022-08-11 06:50:02 -04:00
parent 16bfbad6f9
commit e4aa1f46f9
2 changed files with 2 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/components/Map.js
View file

@ -8,6 +8,7 @@ import {
Marker, Marker,
Sphere, Sphere,
} from "react-simple-maps"; } from "react-simple-maps";
import jsonData from "./map-image.json"
const Map = ({ latitude, longitude }) => { const Map = ({ latitude, longitude }) => {
// Icon alignment offset fix // Icon alignment offset fix
@ -18,7 +19,7 @@ const Map = ({ latitude, longitude }) => {
<ComposableMap projection="geoEqualEarth" width={2400}> <ComposableMap projection="geoEqualEarth" width={2400}>
<Graticule stroke="rgba(255, 255, 255, 0.5)" /> <Graticule stroke="rgba(255, 255, 255, 0.5)" />
<Sphere stroke="#FF5533" strokeWidth={2} /> <Sphere stroke="#FF5533" strokeWidth={2} />
<Geographies geography="./map.json"> <Geographies geography={jsonData}>
{({ geographies }) => {({ geographies }) =>
geographies.map((geo) => ( geographies.map((geo) => (
<Geography <Geography

0
public/map.json → src/components/map-image.json
View file