React Globe
This component displays a globe with a location marker.Props
The globe can be customized with the following props:center
- The center position of the globe (in [lon, lat]
). Defaults to [0, 0]
.
diameter
- Diameter of the globe (in pixels). Defaults to 60
.
landColor
- Color of the land areas. Defaults to '#191919'
.
markerColor
- Color of the position marker. Defaults to '#009da5'
.
markerRadius
- Angular radius of the circular marker (in degrees). Defaults to '6'
.
oceanColor
- Color of the oceans. Defaults to '#f2f2f2'
.
rotationTime
- Duration of animation for rotation (in milliseconds). Defaults to 1000
.Example
<Globe center={[-122, 37]} diameter={80} \>