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} \>