OpenLayers v5.3.0 API - Class: MouseWheelZoom

Class: MouseWheelZoom

ol/interaction/MouseWheelZoom~MouseWheelZoom

import MouseWheelZoom from 'ol/interaction/MouseWheelZoom';

Allows the user to zoom the map by scrolling the mouse wheel.

new MouseWheelZoom(opt_options)

interaction/MouseWheelZoom.js, line 51

Name Type Description

options

Options.

Name	Type	Default	Description
`condition`	module:ol/events/condition~Condition		A function that takes an `module:ol/MapBrowserEvent~MapBrowserEvent` and returns a boolean to indicate whether that event should be handled. Default is `module:ol/events/condition~always`.
`duration`	number	250	Animation duration in milliseconds.
`timeout`	number	80	Mouse wheel timeout duration in milliseconds.
`constrainResolution`	boolean	false	When using a trackpad or magic mouse, zoom to the closest integer zoom level after the scroll gesture ends.
`useAnchor`	boolean	true	Enable zooming using the mouse's location as the anchor. When set to `false`, zooming in and out will zoom to the center of the screen instead of zooming on the mouse's location.

Fires:

change (module:ol/events/Event~Event) - Generic change event. Triggered when the revision counter is increased.
change:active (module:ol/Object.ObjectEvent)
propertychange (module:ol/Object.ObjectEvent) - Triggered when a property is changed.

Extends

module:ol/interaction/Interaction~Interaction

Observable Properties

Name	Type	Settable	ol/Object.ObjectEvent type	Description
`active`	boolean	yes	`change:active`	`true` if the interaction is active, `false` otherwise.

Methods

changed() inherited Observable.js, line 36

Increases the revision counter and dispatches a 'change' event.

get(key){*} inherited Object.js, line 119

Gets a value.

Name	Type	Description
`key`	string	Key name.

Returns:

Value.

getActive(){boolean} inherited interaction/Interaction.js, line 60

Return whether the interaction is currently active.

Returns:

true if the interaction is active, false otherwise.

getKeys(){Array.<string>} inherited Object.js, line 132

Get a list of object property names.

Returns:

List of property names.

getMap(){module:ol/PluggableMap~PluggableMap} inherited interaction/Interaction.js, line 69

Get the map associated with this interaction.

Returns:

Map.

getProperties(){Object.<string, *>} inherited Object.js, line 141

Get an object of all property names and values.

Returns:

Object.

getRevision(){number} inherited Observable.js, line 47

Get the version number for this object. Each time the object is modified, its version number will be incremented.

Returns:

Revision.

handleEvent(mapBrowserEvent){boolean} inherited interaction/Interaction.js, line 79

Handles the map browser event.

Name	Type	Description
`mapBrowserEvent`	module:ol/MapBrowserEvent~MapBrowserEvent	Map browser event.

Returns:

false to stop event propagation.

on(type, listener){module:ol/events~EventsKey|Array.<module:ol/events~EventsKey>} inherited Observable.js, line 60

Listen for a certain type of event.

Name	Type	Description
`type`	string \| Array.<string>	The event type or array of event types.
`listener`	function	The listener function.

Returns:

Unique key for the listener. If called with an array of event types as the first argument, the return will be an array of keys.

once(type, listener){module:ol/events~EventsKey|Array.<module:ol/events~EventsKey>} inherited Observable.js, line 82

Listen once for a certain type of event.

Name	Type	Description
`type`	string \| Array.<string>	The event type or array of event types.
`listener`	function	The listener function.

Returns:

Unique key for the listener. If called with an array of event types as the first argument, the return will be an array of keys.

set(key, value, opt_silent) inherited Object.js, line 164

Sets a value.

Name	Type	Description
`key`	string	Key name.
`value`	*	Value.
`silent`	boolean	Update without triggering an event.

setActive(active) inherited interaction/Interaction.js, line 89

Activate or deactivate the interaction.

Name	Type	Description
`active`	boolean	Active.

setMouseAnchor(useAnchor) interaction/MouseWheelZoom.js, line 304

Enable or disable using the mouse's location as an anchor when zooming

Name	Type	Description
`useAnchor`	boolean	true to zoom to the mouse's location, false to zoom to the center of the map

setProperties(values, opt_silent) inherited Object.js, line 183

Sets a collection of key-value pairs. Note that this changes any existing properties and adds new ones (it does not remove any existing properties).

Name	Type	Description
`values`	Object.<string, *>	Values.
`silent`	boolean	Update without triggering an event.

un(type, listener) inherited Observable.js, line 101

Unlisten for a certain type of event.

Name	Type	Description
`type`	string \| Array.<string>	The event type or array of event types.
`listener`	function	The listener function.

unset(key, opt_silent) inherited Object.js, line 195

Unsets a property.

Name	Type	Description
`key`	string	Key name.
`silent`	boolean	Unset without triggering an event.