@planet/react-globe

2.0.2 • Public • Published

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

Keywords

none

Install

npm i @planet/react-globe

DownloadsWeekly Downloads

17

Version

2.0.2

License

Apache-2.0

Unpacked Size

156 kB

Total Files

20

Last publish

Collaborators

  • bcvazquez
  • planet-admin
  • tschaub
  • planeto
  • primajin
  • theduckylittle