Prevent Zoom When Scrolling

It is a common frustration that a map will zoom in or out as you scroll past it. This is a native behavior of Mapbox, but it can be managed via the scrollZoom option of the mapOptions parameter.

const options = {
    'mapOptions': {
        'scrollZoom': false

const map =, options);

More Information

For more info, see the mapOptions parameter