<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 rectangle = [];
var top = [];
var bot = [];
var rectangles = [];
for (r=0; r < rows; r++){
rectangle[r] = [];
top = [lat-lenght*r, lon];
bot = [lat2-lenght*r, lon2];
rectangle[r].push(top, bot);
}
//}
console.clear();
//console.log(lon);
console.log(JSON.stringify(rectangle));
//console.log(rectangle);
});