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.

• JavaScript
• Twig
• PHP

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

const map = mapbox.map(locations, options);

More Information

For more info, see the mapOptions parameter