19 lines
841 B
HTML
19 lines
841 B
HTML
---
|
|
layout: example.html
|
|
title: Mousewheel/Trackpad Zoom
|
|
shortdesc: Shows advanced wheel/trackpad zoom options.
|
|
docs: >
|
|
This example uses a custom `ol/interaction/MouseWheelZoom` configuration:
|
|
|
|
* By default, wheel/trackpad zoom is always active, which can be unexpected
|
|
on pages with a lot of scrollable content and an embedded map. To perform
|
|
wheel/trackpad zoom actions only when the map has the focus, set
|
|
`condition: focus` as constructor option. This requires
|
|
a map div with a `tabindex` attribute set.
|
|
* By default, the interaction can leave the map at fractional zoom levels. If
|
|
instead you want to constrain wheel/trackpad zooming to integer zoom
|
|
levels, set `constrainResolution: true`.
|
|
tags: "trackpad, mousewheel, zoom, scroll, interaction"
|
|
---
|
|
<div tabindex="1" id="map" class="map"></div>
|