Leaflet OnWheel Event

Question

Я пытаюсь вызвать событие, когда используется колесо мыши:

map.on('mousewheel', function() {
    alert('foo');
 });

Но, похоже, это не работает, как и "колесо". Есть идеи?

Answer 1

Вы можете черпать вдохновение из исходного кода листовки, управляющего масштабированием колеса мыши и прослушивать события mousewheel в контейнере карты. Что-то вроде:

L.DomEvent.on(map.getContainer(), 'mousewheel', function() {
    console.log("zoom", map.getZoom())
});

и демо

var map = L.map('map').setView([35.772219, -78.675272], 10);

L.DomEvent.on(map.getContainer(), 'mousewheel', function() {
    console.log("zoom", map.getZoom())
});

<link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css" />

<script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js"></script>

<div id="map" style="height: 100px"></div>