JSFiddle - React, Tailwind, and code Playground

by manoj jasti

HTML

<div id="area"></div>
<div id="area2"></div>

JavaScript

//3400 ft2

$(document).ready(function(){
//var lat =[41.85207069016649,41.85216059546285,41.85217458071981,41.852051710143336,41.85207069016649];
//var lon=[-87.80128445122308,-87.80131261441774,-87.80117716286249,-87.801178503967,-87.80128445122308];
    
    var lat = [35.76356838783783,35.763776237575286,35.7637707964896,35.76354662343601,35.76356838783783];
    var lon=[-78.77409573771453,-78.77409976102805,-78.77394419290519,-78.77395492174125,-78.77409573771453];

var tempArea = 0;

var GeoCodeCalc = {};
//GeoCodeCalc.EarthRadiusInMiles = 3956.0;
//GeoCodeCalc.EarthRadiusInKilometers = 209300000;

GeoCodeCalc.ToRadian = function(v) {
    return v * (Math.PI / 180);
};

GeoCodeCalc.DiffRadian = function(v1, v2) {
    return GeoCodeCalc.ToRadian(v2) - GeoCodeCalc.ToRadian(v1);
};

GeoCodeCalc.CalcDistance = function(lat1, lng1, lat2, lng2, radius) {
    return radius * 2 * Math.asin(
            Math.min(1,
                Math.sqrt(
                    (
                        Math.pow(Math.sin((GeoCodeCalc.DiffRadian(lat1, lat2)) / 2.0), 2.0) +
                        Math.cos(GeoCodeCalc.ToRadian(lat1)) * Math.cos(GeoCodeCalc.ToRadian(lat2)) *
                        Math.pow(Math.sin((GeoCodeCalc.DiffRadian(lng1, lng2)) / 2.0), 2.0)
                    )
               )
           )
       );
};

//(pi/180)R^2 |sin(lat1)-sin(lat2)| |lon1-lon2|
    //2*pi*R^2 |sin(lat1)-sin(lat2)| |lon1-lon2|/360
GeoCodeCalc.CalcDistance = function(lat1, lng1, lat2, lng2, radius) {
    return radius * 2 * Math.asin(
            Math.min(1,
                Math.sqrt(
                    (
                        Math.pow(Math.sin((GeoCodeCalc.DiffRadian(lat1, lat2)) / 2.0), 2.0) +
                        Math.cos(GeoCodeCalc.ToRadian(lat1)) * Math.cos(GeoCodeCalc.ToRadian(lat2)) *
                        Math.pow(Math.sin((GeoCodeCalc.DiffRadian(lng1, lng2)) / 2.0), 2.0)
                    )
               )
           )
       );
};

     GeoCodeCalc.CalcDistanc =...