Come impedire la panoramica della mappa durante lo scorrimento della pagina

Quando una pagina HTML contiene una mappa e l'utente scorre la pagina utilizzando la rotellina del mouse, quando il mouse dell'utente passa sulla mappa la pagina smetterà di scorrere mentre la mappa stessa verrà spostata. Vedi Demo1 .

Vorrei emulare il comportamento dettagliato in Un semplice trucco di usabilità per Google Maps utilizzando ArcGIS Server JS API 3.x.

Cioè, la pagina dovrebbe scorrere a meno che l'utente non trascini esplicitamente all'interno della mappa, nel qual caso la mappa dovrebbe essere spostata .

Il comportamento è quasi lì in Demo2 , dove la pagina scorre anche se il mouse si trova sulla mappa.

map.on("load", function(){
  // Disable navigation by default, so scrolling the page doesn't scroll the map
  map.disableMapNavigation();

  // When the user tries to pan the map, allow this
  map.on('mouse-drag-start', function(){
    map.enableMapNavigation();
  });

  // Restore the no-scroll behaviour when the mouse leaves the map
  map.on('mouse-out', function(){
    map.disableMapNavigation();
  });
});

Tuttavia, il pan della mappa non è abilitato a meno che non si faccia prima clic una volta all'interno della mappa, si rilasci il pulsante del mouse e quindi il pan. È possibile ottenere l'effetto continuo mostrato con Google Maps nel post del blog?

Ho provato il mouse-drag, mouse-drag-starte mouse-downgli eventi ma il comportamento è lo stesso per tutti gli eventi.

Non si fornisce mai un motivo per utilizzare il metodo dis / enableMapNavigation anziché il metodo dis / enableScrollWheelZoom . Usa quest'ultimo.