panEnd

Fires after the map viewport has been moved.

Event Data

e.origin kendo.dataviz.map.Location

The map origin (top left or NW corner).

e.center kendo.dataviz.map.Location

The map center.

e.sender kendo.dataviz.ui.Map

The source widget instance.

e.originalEvent Object

The source jQuery event instance

Example - bind to the map panEnd event on initialization

<div id="map"></div>
<script>
    $("#map").kendoMap({
        zoom: 3,
        center: [0, 0],
        layers: [{
            type: "tile",
            urlTemplate: "http://a.tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png",
            attribution: "&copy; OpenStreetMap"
        }],
        panEnd: function(e) {
            console.log("pan ended at " + e.center.toString());
        }
    });
</script>

Example - bind to the map panEnd event after initialization

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

    var map = $("#map").data("kendoMap");
    map.bind("panEnd", function(e) {
        console.log("pan ended at " + e.center.toString());
    });
</script>
In this article
Not finding the help you need? Improve this article