OpenLayers 3 > Zoom per Maus-Scroll deaktivieren

Wer das Zoomen per Maus-Scroll deaktivieren möchte, braucht seinem Map-Objekt lediglich eine zusätzliche Code-Zeile hinzufügen:
interactions: ol.interaction.defaults({mouseWheelZoom:false})
Die Steuerung über die Zoom-Buttons sowie per Touch bleiben davon unberührt.

Hier noch mal ein komplettes Beispiel:

View Code JAVASCRIPT

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.9.0/ol.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.9.0/ol.min.css" type="text/css" media="all" />
<div id="map"></div>
<script type="text/javascript">
	var map = new ol.Map({
		layers: [
			new ol.layer.Tile({
				source: new ol.source.OSM()
			})
		],
		interactions: ol.interaction.defaults({mouseWheelZoom:false}),
		target: 'map',
		view: new ol.View({
			center: ol.proj.fromLonLat([9.0, 51.0], 'EPSG:3857'),
			projection: ol.proj.get('EPSG:3857'),
			zoom: 7
		})
	});
</script>

Schreibe einen Kommentar