<div id="map"></div>
<script>
// Create extent using two locations
var extent1 = kendo.dataviz.map.Extent.create(
    new kendo.dataviz.map.Location(42.3601, -71.0589), // Boston
    new kendo.dataviz.map.Location(40.7128, -74.0060)  // New York
);

// Create extent using arrays
var extent2 = kendo.dataviz.map.Extent.create([42.3601, -71.0589], [40.7128, -74.0060]);

// Create extent using full array format [NW lat, NW lng, SE lat, SE lng]
var extent3 = kendo.dataviz.map.Extent.create([42.3601, -71.0589, 40.7128, -74.0060]);

$("#map").kendoMap({
    center: extent1.center(),
    zoom: 8
});
</script>