Map Zoom Control via mouseWheel

2 posts, 0 answers
  1. Gonzalo
    Gonzalo avatar
    11 posts
    Member since:
    May 2013

    Posted 15 Jul 2014 Link to this post

    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());
  2. Hristo Germanov
    Hristo Germanov avatar
    703 posts

    Posted 16 Jul 2014 Link to this post

    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!
Back to Top