New to Kendo UI for jQuery? Download free 30-day trial

Zoom the Map on Double Click


Product Progress® Kendo UI® Map for jQuery
Operating System Windows 10 64bit
Visual Studio Version Visual Studio 2017
Preferred Language JavaScript


How can I zoom the Kendo UI for jQuery Map upon a double click?


In the following example, which demonstrates how to achieve the desired scenario, the event coordinates are mapped to the location by using the eventToLocation method.

<div id="map"></div>
  function createMap() {
      center: [51.505, -0.09],
      zoom: 3,
      layers: [{
          type: "tile",
          urlTemplate: "http://#= subdomain zoom #/#= x #/#= y #.png",
          subdomains: ["a", "b", "c"],
          attribution: "&copy; <a href=''>OpenStreetMap contributors</a>"

    $("#map").bind("dblclick", function(e) {
      var map = $(this).data("kendoMap");
      var center = map.eventToLocation(e);;
      map.zoom(map.zoom() + 1);


See Also

In this article