<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2>
</div>
</div>
$(function () {
function toRadians(angle) {
return angle * (Math.PI / 180);
}
var lat = 53.3328204224035;
var lon = 44.798077244933;
var km = 8;
var lenght = (1/111.3)*km;
var rows = 4;
var cols = 4;
var lat2 = lat - lenght;
var lon2 = lon + (km*(1/(111.3*Math.cos(toRadians(lat2)))));
var rectangles, rectangle, top, bot = [];
for (r=0; r < rows; r++){
rectangles[r] = [[lat-lenght*r,lon],[lat2-lenght*r,lon2]];
}
//}
console.clear();
//console.log(lon);
//console.log(JSON.stringify(rectangles));
console.log(rectangles);
});