Render a simple interactive globe with a single line of code!
By default, react-globe is responsively sized to the parent container. You can provide explicit height and width prop to control the globe size. Note that the globe's aspect ratio is always computed with respect to its height. Try resizing the window's height or play with other values in the Playground.
By default, react-globe renders with a default background. You can disable texture backgrounds by setting the globeBackgroundTexture prop to null. This will allow you to use the parent container's background instead:
You can disable clouds by setting the globeCloudsTexture to null, and control various cloud properties in the options prop. Use the Playground to play around with the respective cloud options.
You can disable and control various glow properties in the options prop. Use the Playground to play around with the respective glow options.
You can set the initialCameraDistanceRadiusScale prop to control how far the camera is placed from the globe, and the initialCoordinates prop as initial settings for the globe.