Comments on: OpenLayers disable mouse wheel on zoom

By: PauGC

PauGC — Mon, 24 Mar 2014 08:45:06 +0000

Another solution is to set to false directly the var before generating the map.

var nav = new OpenLayers.Control.Navigation(); nav.zoomWheelEnabled = false; var options = {controls: [Nav,]}; var map = new OpenLayers.Map("Map", options);

Then the mousewheel will be disabled.

By: mro

mro — Thu, 22 Aug 2013 15:28:06 +0000

thy, very helpful!

By: adhiemsumitro

adhiemsumitro — Thu, 07 Feb 2013 10:37:36 +0000

I confirmed that Dan King’s methode is working
controls = map.getControlsByClass('OpenLayers.Control.Navigation'); for(var i = 0; i < controls.length; ++i) controls[i].disableZoomWheel();

By: Daniel

Daniel — Mon, 24 Sep 2012 23:11:00 +0000

Every single thing about Openlayers needs a

“How to make it really work”

section. Thanks for this!

By: Dan King

Dan King — Wed, 22 Aug 2012 15:15:10 +0000

There are two typos in your code. Once fixed it works great. Thanks!

// WRONG:
controls = map.getControlsByClass('OpenLayers.Control.Navigation');
for(var I = 0; i < controls.length; ++i)
     controls.disableZoomWheel();

RIGHT:
controls = map.getControlsByClass('OpenLayers.Control.Navigation');
for(var i = 0; i < controls.length; ++i)
     controls[i].disableZoomWheel();

By: Paul Spencer

Paul Spencer — Wed, 20 Jun 2012 01:23:55 +0000

The problem is likely that you have two navigation controls. When you create a map object, it automatically creates a navigation control unless you pass a controls option to the map constructor. If you plan to add controls later, pass controls:[], otherwise make your controls and pass them as an array to the map constructor.

By: Shri

Shri — Tue, 14 Sep 2010 15:56:23 +0000

Just to be clear to other users, who might not be programmers, let me add this: Look at this line:

  controls.disableZoomWheel();

It should be:

  controls[i].disableZoomWheel();

PS: Also make sure your variable are all the same case. ( for var i=0, ...)

By: ch

ch — Thu, 06 May 2010 15:35:35 +0000

I had to add the code for removing the zoomWheel at the end, after adding all other controls to the map. It seems that other controls are adding NavigationControl too.

var navCtrls = map.getControlsByClass(‘OpenLayers.Control.Navigation’);
for (var i = 0; i < navCtrls.length; i++) {
navCtrls[i].disableZoomWheel();
}

By: shaun

shaun — Sat, 01 May 2010 05:08:28 +0000

I needed to disable all controls for an OpenLayers google map without much success, but the way to do it seems to be creating the map with an empty control array like so:

map = new OpenLayers.Map(“divMap”, { controls: [] })

You could then add any specific controls required.

By: Stoimen

Stoimen — Tue, 21 Jul 2009 07:29:10 +0000

Strange enough but it doesn’t work for me! I tried with that code before and it wasn’t working again. After applying the code I mention in the code everything was just fine.

greetings