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,
|
||||
Sphere,
|
||||
} from "react-simple-maps";
|
||||
import "./Map.css";
|
||||
|
||||
const geoUrl =
|
||||
"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);
|
||||
|
||||
return (
|
||||
<ComposableMap projection="geoEqualEarth" width="2400">
|
||||
<ComposableMap projection="geoEqualEarth" width={2400}>
|
||||
<Graticule stroke="rgba(255, 255, 255, 0.5)" />
|
||||
<Sphere stroke="#FF5533" strokeWidth={2} />
|
||||
<Geographies geography={geoUrl}>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue