首先吐槽一下,网上的资源很多,但是对口的却很少。
控制openlayer地图,禁止使用鼠标滑轮滚动进行缩放地图。根据版本不同,使用的方法也不同。
我现在使用的openlayer3.0版本,使用方式一能解决我的问题。分享下面方式二和方式三方法,供不同版本的小朋友参考。
方式一:
直接说解决方法:
以添加interactions的方式实现禁用鼠标滑轮滚动缩放地图效果(open layer3.0以上版本)
在map对象里添加interactions的设置:
interactions: ol.interaction.defaults({
doubleClickZoom: false,// 取消双击放大功能交互
mouseWheelZoom: false, // 取消滚动鼠标中间的滑轮交互
shiftDragZoom: false, // 取消shift+wheel左键拖动交互
})
代码如下:
// 我们需要一个vector的layer来放置图标
var layer = new ol.layer.Vector({
source : new ol.source.Vector()
});
var map = new ol.Map({
layers : [ new ol.layer.Tile({
// 加载互联网地图