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 to60
. -
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 to1000
.
Example
<Globe center={[-122, 37]} diameter={80} \>