A React Globe Component

Downloads in past


2.0.23 years ago7 years agoMinified + gzip package size for @planet/react-globe in KB


React Globe
This component displays a globe with a location marker.


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.


<Globe center={[-122, 37]} diameter={80} \>