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?
$("#map").kendoMap({
center: [48,-103],
zoomable: true,
layers: [{
type: "tile",
urlTemplate: "http://a.tile.openstreetmap.org/#= 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(e.sender)
console.log("zoom end @ " + e.sender.zoom());
});
I Have the following code as a test. The button controls work fine but the mouse wheel only zooms in.
any ideas?
$("#map").kendoMap({
center: [48,-103],
zoomable: true,
layers: [{
type: "tile",
urlTemplate: "http://a.tile.openstreetmap.org/#= 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(e.sender)
console.log("zoom end @ " + e.sender.zoom());
});