Camera

The camera controls how we observe and interact with the globe. You can control these behaviors using various camera options as detailed in the examples below:

Zoom

Use the playground code editor to play around with the respective camera options that control zoom features.

xxxxxxxxxx

<ReactGlobe

  options={{

    cameraDistanceRadiusScale: 10,

    cameraMaxDistanceRadiusScale: 20,

    cameraZoomSpeed: 5,

    enableCameraZoom: true,

  }}

/>

Auto-rotate and rotate

Use the playground code editor to play around with the respective camera options that control auto-rotate and rotate features.

xxxxxxxxxx

<ReactGlobe

  options={{

    cameraAutoRotateSpeed: 2,

    cameraMaxPolarAngle: (Math.PI * 9) / 16,

    cameraMinPolarAngle: (Math.PI * 7) / 16,

    cameraRotateSpeed: 0.5,

    enableCameraAutoRotate: true,

    enableCameraRotate: true,

  }}

/>