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> |