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