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 |