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

var extent2 = new kendo.dataviz.map.Extent(
    new kendo.dataviz.map.Location(41.4993, -81.6944), // Cleveland
    new kendo.dataviz.map.Location(39.9612, -82.9988)  // Columbus
);

var extent3 = new kendo.dataviz.map.Extent(
    new kendo.dataviz.map.Location(25.7617, -80.1918), // Miami
    new kendo.dataviz.map.Location(30.3322, -81.6557)  // Jacksonville
);

console.log("Extent1 overlaps with Extent2:", extent1.overlaps(extent2)); // true
console.log("Extent1 overlaps with Extent3:", extent1.overlaps(extent3)); // false

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