Map width to number and remove Map.css
This commit is contained in:
parent
bf201db8b7
commit
bae6e34035
2 changed files with 1 additions and 5 deletions
|
|
@ -1,3 +0,0 @@
|
||||||
.satellite {
|
|
||||||
margin-right: 2rem;
|
|
||||||
}
|
|
||||||
|
|
@ -8,7 +8,6 @@ import {
|
||||||
Marker,
|
Marker,
|
||||||
Sphere,
|
Sphere,
|
||||||
} from "react-simple-maps";
|
} from "react-simple-maps";
|
||||||
import "./Map.css";
|
|
||||||
|
|
||||||
const geoUrl =
|
const geoUrl =
|
||||||
"https://raw.githubusercontent.com/zcreativelabs/react-simple-maps/master/topojson-maps/world-110m.json";
|
"https://raw.githubusercontent.com/zcreativelabs/react-simple-maps/master/topojson-maps/world-110m.json";
|
||||||
|
|
@ -19,7 +18,7 @@ const Map = ({ latitude, longitude }) => {
|
||||||
const newLat = String(Number(latitude) + 5);
|
const newLat = String(Number(latitude) + 5);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<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={geoUrl}>
|
<Geographies geography={geoUrl}>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue