This is a migrated thread and some comments may be shown as answers.

Map Zoom Control via mouseWheel

1 Answer 85 Views
This is a migrated thread and some comments may be shown as answers.
Top achievements
Rank 1
Gonzalo asked on 15 Jul 2014, 11:57 AM
Is it possible to control the direction of map zoom via the mousewheel?
I Have the following code as a test. The button controls work fine but the mouse wheel only zooms in.

any ideas?

        center: [48,-103],
        zoomable: true,
        layers: [{
            type: "tile",
            urlTemplate: " zoom #/#= x #/#= y #.png",
            attribution: "© OpenStreetMap"
        markerDefaults: {
            shape: "pin"
        markers: [{
            location: [48, -103]
        }, {
            location: [48, -100]

var map = $("#map").data("kendoMap");
 map.bind("zoomStart", function(e) {
        console.log("zoom start @ " + e.sender.zoom());

 map.bind("zoomEnd", function(e) {
        console.log("zoom end @ " + e.sender.zoom());

1 Answer, 1 is accepted

Sort by
Hristo Germanov
Telerik team
answered on 16 Jul 2014, 03:26 PM
Hello Gonzalo,

I have already replied to the support ticket that you have submitted on the same subject.

For convenience I will paste my reply on the forum as well:

Currently this feature is not supported but I would suggest to submit your request in Kendo's UserVoice so other members of the community can evaluate, comment on and vote for it.

Hristo Germanov
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Asked by
Top achievements
Rank 1
Answers by
Hristo Germanov
Telerik team
Share this question