Skip to main content

GimbalWidget

from v9.2

Visualizes the orientation of an OrbitView using nested circles. Clicking resets rotationOrbit and rotationX to 0.

Usage

import {Deck} from '@deck.gl/core';
import {GimbalWidget} from '@deck.gl/widgets';

new Deck({
widgets: [new GimbalWidget()]
});

Types

GimbalWidgetProps

The GimbalWidgetProps accepts the generic WidgetProps and:

label (string, optional)

  • Default: 'Gimbal'

Tooltip message displayed while hovering a mouse over the widget.

strokeWidth (number, optional)

  • Default: 1.5

Width of gimbal lines.

transitionDuration (number, optional)

  • Default: 200

View state transition duration in milliseconds.

Styles

NameDefault
--icon-gimbal-outer-colorrgb(68, 92, 204)
--icon-gimbal-inner-colorrgb(240, 92, 68)

Source

modules/widgets/src/gimbal-widget.tsx