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

ViewSize

methods

Retrieves the size of the visible portion of the map.

viewSize

Returns:Object

The size (width and height) of the visible portion of the map.

<div id="map"></div>
<script>
    $("#map").kendoMap({
        zoom: 1, // Layer size is 512px (2^1 * 256)
        layers: [{
            type: "tile",
            urlTemplate: "https://a.tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png",
            attribution: "&copy; OpenStreetMap"
        }]
    });

    var map = $("#map").data("kendoMap");
    var viewSize = map.viewSize();
/* The result can be observed in the DevTools(F12) console of the browser. */
    console.log(viewSize);
    // { width: 1024, height: 512 }
</script>