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

Zoom on Double Click

The following example demonstrates how to zoom the Map upon a double click.

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
Not finding the help you need? Improve this article