blocks|key|950631|text|通过传递空数组禁用地图上的默认控件：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|950632|var+map+=+new+OpenLayers.Map('map',+{+controls:+[]+});|code-block|syntax|javascript|950633|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Disable the default controls on your map by passing an empty array:

<pre><code>var map = new OpenLayers.Map('map', { controls: [] });
</code></pre>

blocks|key|949059|text|对于OpenLayers3，交互数组也需要是空的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|949060|var+map+=+new+ol.Map({
++controls:+[],
++interactions:+[]
});|code-block|syntax|javascript|949061|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

For OpenLayers3 the interaction array also needs to be empty.

<pre><code>var map = new ol.Map({
 controls: [],
 interactions: []
});
</code></pre>

blocks|key|950689|text|Mahdi方法的简化结果|type|unstyled|depth|inlineStyleRanges|entityRanges|data|950690|var+i,+l,+c+=+map.getControlsBy(+"zoomWheelEnabled",+true+);
for+(+i+=+0,+l+=+c.length;+i+<+l;+i%2B%2B+)+{
++++c[i].disableZoomWheel();
}|code-block|syntax|javascript|950691|通过这种方式，鼠标轮上的缩放功能不需要自定义构建地图的选项，例如创建没有任何控制的地图(虽然Lght在一定程度上要求这样做)。此外，重新启用变焦工作等效。|950692|此外，通过搜索匹配已启用属性zoomWheelEnabled的控件，而不是类名，它支持从OpenLayers.Control.Navigation派生的自定义控件。|offset|length|style|CODE|950693|entityMap^0|0|0|0|E|G|18|T|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|T|8|@$K|U|L|V|M|N]|$K|W|L|X|M|N]]|9|@]|A|$]]|$1|O|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|P|$]]

Simplifying approach of Mahdi results in

<pre><code>var i, l, c = map.getControlsBy( "zoomWheelEnabled", true );
for ( i = 0, l = c.length; i &lt; l; i++ ) {
 c[i].disableZoomWheel();
}
</code></pre>

This way disabling zoom on mouse wheel doesn't require to customize options on constructing map e.g. by creating map without any control (though this was somewhat requested by Lght). In addition re-enabling zoom works equivalently.

In addition, by searching controls matching enabled property <code>zoomWheelEnabled</code> rather than class name it's supporting custom controls derived from <code>OpenLayers.Control.Navigation</code>.

blocks|key|1913637|text|您也可以这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1913638|map+=+new+OpenLayers.Map({
++++//+options+here+...
}

var+Navigation+=+new+OpenLayers.Control.Navigation({
++++'zoomWheelEnabled':+false,
++++'defaultDblClick':+function+(+event+)+{+
++++++++return;+
+++++}
});

map.addControl(Navigation);

var+NavigationControls+=+map.getControlsByClass('OpenLayers.Control.Navigation')
++,+i;

for+(+i+=+0;+i+<+NavigationControls.length;+i%2B%2B+)+{
++++NavigationControls[i].disableZoomWheel();
}|code-block|syntax|javascript|1913639|找到了这里。|offset|length|1913640|对于其他选项，如禁用拖动，您可以查看文档并自定义上面的代码。|1913641|entityMap|0|LINK|mutability|MUTABLE|url|http://www.stoimen.com/blog/2009/06/20/openlayers-disable-mouse-wheel-on-zoom/|1|http://dev.openlayers.org/docs/files/OpenLayers/Control/Navigation-js.html#OpenLayers.Control.Navigation.dragPan^0|0|0|3|2|0|0|I|2|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@$I|Z|J|10|1|11]]|A|$]]|$1|K|3|L|5|6|7|12|8|@]|9|@$I|13|J|14|1|15]]|A|$]]|$1|M|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]|U|$5|P|Q|R|A|$S|V]]]]

You can do the following also:

<pre><code>map = new OpenLayers.Map({
 // options here ...
}

var Navigation = new OpenLayers.Control.Navigation({
 'zoomWheelEnabled': false,
 'defaultDblClick': function ( event ) { 
 return; 
 }
});

map.addControl(Navigation);

var NavigationControls = map.getControlsByClass('OpenLayers.Control.Navigation')
 , i;

for ( i = 0; i &lt; NavigationControls.length; i++ ) {
 NavigationControls[i].disableZoomWheel();
}
</code></pre>

Found <a href="http://www.stoimen.com/blog/2009/06/20/openlayers-disable-mouse-wheel-on-zoom/" rel="nofollow">here</a>.

For other options like disable dragging, you can take a look at the <a href="http://dev.openlayers.org/docs/files/OpenLayers/Control/Navigation-js.html#OpenLayers.Control.Navigation.dragPan" rel="nofollow">documentation</a> and customize the above code.

blocks|key|1913675|text|下面是另一种基于逻辑限制缩放事件的简单方法。因为OpenLayers不提供“缩放前”|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1913676|map.zoomToProxy+=+map.zoomTo;
map.zoomTo+=++function+(zoom,xy){
//+if+you+want+zoom+to+go+through+call
map.zoomToProxy(zoom,xy);+
//else+do+nothing+and+map+wont+zoom
};|code-block|syntax|javascript|1913677|这是如何运作的：|1913678|对于任何类型的缩放活动，OpenLayers+API最终调用称为zoomTo的函数。因此，在重写它之前，我们将该函数复制到一个名为“zoomToProxy”的新函数中。我们重写它并添加我们的条件缩放逻辑。如果我们想要缩放，只需调用新的代理函数:)|1913679|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Here is another easy way to restrict the zoom event based on some logic. Because OpenLayers doesnt provide a 'beforezoom'

<pre><code>map.zoomToProxy = map.zoomTo;
map.zoomTo = function (zoom,xy){
// if you want zoom to go through call
map.zoomToProxy(zoom,xy); 
//else do nothing and map wont zoom
};
</code></pre>

How this works:

For any kind of zooming activity, OpenLayers API ultimately calls the function called zoomTo. So before overriding it, we copy that function to a new function called 'zoomToProxy'. The we override it and add our conditional zoom logic. If we want the zoom to happen we just call new proxy function :)

blocks|key|950722|text|您可以重置控件数组，然后将缩放和TouchNavigation添加到其中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|950723|var+map_controls+=+[];
map_controls.push(+new+OpenLayers.Control.Zoom()+);
map_controls.push(+new+OpenLayers.Control.TouchNavigation()+);
var+map+=+new+OpenLayers.Map({
++div:+"map",
++controls:+map_controls
});|code-block|syntax|javascript|950724|希望能有所帮助！)|950725|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You could reset the controls array and then add the Zoom and TouchNavigation to it.

<pre><code>var map_controls = [];
map_controls.push( new OpenLayers.Control.Zoom() );
map_controls.push( new OpenLayers.Control.TouchNavigation() );
var map = new OpenLayers.Map({
 div: "map",
 controls: map_controls
});
</code></pre>

Hope it helps ! :)

i'm using OpenLayers to display custom OSM maps on my website.

I've some points to respect: the map have to be fix (meaning that we can't drag it or zoom it).

I have a problem with the zoom, i can't manage to disable zoom with the mouse. Does anyone has a tip?

<pre><code>map = new OpenLayers.Map('map');
map.events.remove("move");
map.events.remove("movestart");
map.events.remove("moveend");
map.events.remove("zoomend");
map.events.remove("mouseover");
map.events.remove("mouseout");
map.events.remove("mousemove");
map.events.remove("zoomstart");
var nav = new OpenLayers.Control.Navigation({
 defaultDblClick: function(event) { return ; }
});
map[index].addControl(nav);
</code></pre>

Also, if someone has a tip to remove all Navigation events easier than that, it would be greatly appreciated.

Disable zoom with Openlayers

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

我使用OpenLayers在我的网站上显示定制的OSM地图。我有一些值得尊敬的地方:地图必须是固定的(这意味着我们不能拖动它或缩放它)。我对变焦有问题，我不能用鼠标来禁用缩放。有人有小费吗？map = new OpenLayers.Map('map');map.events.remove("move");map.events.remove("movestart");map.events.remov

问用Openlayers禁用缩放
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用Openlayers禁用缩放EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用Openlayers禁用缩放
EN