ZoomWidget
This widget controls the zoom level of a deck.gl view. Click '+' to zoom in by 1, click '-' to zoom out by 1. Supports controlling Map and Globe views.
Usage
import {ZoomWidget} from '@deck.gl/widgets';
import {Deck} from '@deck.gl/core';
const deck = new Deck({
  widgets: [new ZoomWidget()]
});
ZoomProps
The Zoomidget accepts the generic WidgetProps and:
orientation (string, optional)
- Default: 'vertical'
Widget button orientation. Valid options are vertical or horizontal.
zoomInLabel (string, optional)
- Default: 'Zoom In'
Tooltip message displayed while hovering a mouse over the zoom in button.
zoomOutLabel (string, optional)
- Default: 'Zoom Out'
Tooltip message displayed while hovering a mouse over the zoom out button.
transitionDuration (number, optional)
- Default: 200
Zoom transition duration in milliseconds.
Styles
Learn more about how to replace icons in the styling guide.
| Name | Type | Default | 
|---|---|---|
| --icon-zoom-in | SVG Data Url | Material Symbol Add | 
| --icon-zoom-out | SVG Data Url | Material Symbol Remove |