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

EventToLayer

methods

Retrieves projected (layer) coordinates that correspond to this mouse event. Layer coordinates are absolute and change only when the zoom level is changed.

eventToLayer

Parameters:eObject|jQuery.Event

The DOM or jQuery mouse event.

Returns:kendo.geometry.Point

The projected (layer) coordinates that correspond to this mouse event.

<div id="map"></div>
<script>
    $("#map").kendoMap({
        layers: [{
            type: "tile",
            urlTemplate: "https://a.tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png",
            attribution: "&copy; OpenStreetMap"
        }]
    });

    var map = $("#map").data("kendoMap");
    $("#map").click(function(e) {
        var proj = map.eventToLayer(e);
/* The result can be observed in the DevTools(F12) console of the browser. */
        console.log("Projected coordinates: ", proj.toString());
    });
</script>