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