Mapbox - Verhindert das Zoomen der Karte beim Scrollen auf Seite

Question

Ich habe eine Mapbox.js Map in voller Breite auf meiner Seite. Wenn der Benutzer die Seite herunterscrollt, ist alles in Ordnung, bis der Cursor über der Karte ist. Dann hört die Seite auf zu scrollen und die Karte zoomt wild heraus.

Ich möchte, dass Benutzer mit dem Mausrad wie gewohnt blättern können, aber ich möchte nicht, dass es passiert, während der Benutzer die Seite herunterscrollt.

Hat sich schon mal jemand damit beschäftigt? Was wäre ein guter Weg, um dieses Problem zu überwinden?

Answer 1

Set scrollWheelZoom: false in den Kartenoptionen (im docs), etwa so:

var map = L.mapbox.map('map', 'mapbox.streets', { 
    scrollWheelZoom: false 
}); 

Denken Sie daran, die wirklich mapbox.js ist nur eine Erweiterung von leaflet.js mit einigen nützlichen Ergänzungen bei der Integration zu unterstützen w/MB APIs, so könnte es auch nützlich sein, die leaflet.js API docs zu lesen.