Mapbox GL JS disable scroll zoom

Question

Unable to disable the default zooming on scroll functionality on Mapbox GL JS. Nothing in the API documentation sheds light on this. Even missing the scroll event in their docs.

var map = new mapboxgl.Map({
  container: 'map',
  style: 'mapbox://styles/mapbox/streets-v8',
  zoom: 15
});

martpie · Accepted Answer · 2016-08-17 14:02:34Z

11

Or in another way:

var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/streets-v8',
    zoom: 15,
    scrollZoom      : false,
    boxZoom         : false,
    doubleClickZoom : false
});

answered Aug 17, 2016 at 14:02

martpie

6,2201 gold badge23 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Nicolas Pennec Over a year ago

In addition, use the "keyboard: false" option to disable the keyboard zoom with + / - keys

SamSig · Accepted Answer · 2015-12-10 01:33:07Z

7

Inspected the map object, saw the scrollZoom and tried to call the disable. Great success!

map.scrollZoom.disable();

answered Dec 10, 2015 at 1:33

SamSig

1211 silver badge7 bronze badges

1 Comment

Abel O'Ryan Over a year ago

Deprecated. Use map.scrollWheelZoom.disable();

Collectives™ on Stack Overflow

Mapbox GL JS disable scroll zoom

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related