Folleto del ratón rueda zoom solamente después de hacer clic en el mapa

Question

Estoy trabajando con el Folleto de la biblioteca de JavaScript y adjunta un mapa (de trabajo) a mi documento HTML. Es en medio de la página, y cuando estoy de desplazamiento hacia abajo con la rueda de mi ratón y llegar en el mapa, automáticamente se enfoca en el mapa.

Quiero recorrer la página sin parar en el mapa. ¿Hay una forma para activar el zoom de la rueda solamente después del primer click en el mapa?

Answer 1

Es simple: crear L.Map con scrollWheelZoom: false opción, a continuación, agregar un listener:

map.once('focus', function() { map.scrollWheelZoom.enable(); });

Si desea cambiar el zoom:

map.on('click', function() {
  if (map.scrollWheelZoom.enabled()) {
    map.scrollWheelZoom.disable();
    }
    else {
    map.scrollWheelZoom.enable();
    }
  });

Answer 2

Leaflet.Sleep facilitará ese trabajo, y es bastante configurable

Se apaga eventos de desplazamiento cuando no son necesarios y se ' despierta' el mapa cuando están.