工业级后台API v2
blame | history | patch | commit | commitdiff | show whitespace
JinPengYong
2020-06-30 d44db08aa75fe0f243c1a9a09f35a6d8432b90fb 
 src/main/webapp/view/uavtracing.jsp


@@ -64,10 +64,6 @@


            border: 2px solid red;


        }




        .trr {


            border-collapse: collapse;


        }




        .trr th, td {


            border: 1px solid black;


            text-align: center;


@@ -83,11 +79,9 @@


    <script type="text/javascript" src="../js/jquery.min.js"></script>


</head>


<body>




<div id="data">


    <%--存放数据的表--%>


    <table id="tab" style="border:1px solid black;width: 280px">


    </table>


  <table id="tab" style="border:1px solid black;width: 280px"></table>


</div>


<div class="main_body">


    <div id="cpm">查无落点</div>


@@ -100,6 +94,135 @@


</body>


</html>


<script type="text/javascript">


    /*


    经纬度转换


    * */


    var GPS = {


        PI: 3.14159265358979324,


        x_pi: 3.14159265358979324 * 3000.0 / 180.0,


        delta: function (lat, lon) {


            var a = 6378245.0; //  a: 卫星椭球坐标投影到平面地图坐标系的投影因子。


            var ee = 0.00669342162296594323; //  ee: 椭球的偏心率。


            var dLat = this.transformLat(lon - 105.0, lat - 35.0);


            var dLon = this.transformLon(lon - 105.0, lat - 35.0);


            var radLat = lat / 180.0 * this.PI;


            var magic = Math.sin(radLat);


            magic = 1 - ee * magic * magic;


            var sqrtMagic = Math.sqrt(magic);


            dLat = (dLat * 180.0) / ((a * (1 - ee)) / (magic * sqrtMagic) * this.PI);


            dLon = (dLon * 180.0) / (a / sqrtMagic * Math.cos(radLat) * this.PI);


            return {'lat': dLat, 'lon': dLon};


        },




        //WGS-84 to GCJ-02


        gcj_encrypt: function (wgsLat, wgsLon) {


            if (this.outOfChina(wgsLat, wgsLon))


                return {'lat': wgsLat, 'lon': wgsLon};




            var d = this.delta(wgsLat, wgsLon);


            return {'lat': wgsLat + d.lat, 'lon': wgsLon + d.lon};


        },


        //GCJ-02 to WGS-84


        gcj_decrypt: function (gcjLat, gcjLon) {


            if (this.outOfChina(gcjLat, gcjLon))


                return {'lat': gcjLat, 'lon': gcjLon};




            var d = this.delta(gcjLat, gcjLon);


            return {'lat': gcjLat - d.lat, 'lon': gcjLon - d.lon};


        },


        //GCJ-02 to WGS-84 exactly


        gcj_decrypt_exact: function (gcjLat, gcjLon) {


            var initDelta = 0.01;


            var threshold = 0.000000001;


            var dLat = initDelta, dLon = initDelta;


            var mLat = gcjLat - dLat, mLon = gcjLon - dLon;


            var pLat = gcjLat + dLat, pLon = gcjLon + dLon;


            var wgsLat, wgsLon, i = 0;


            while (1) {


                wgsLat = (mLat + pLat) / 2;


                wgsLon = (mLon + pLon) / 2;


                var tmp = this.gcj_encrypt(wgsLat, wgsLon)


                dLat = tmp.lat - gcjLat;


                dLon = tmp.lon - gcjLon;


                if ((Math.abs(dLat) < threshold) && (Math.abs(dLon) < threshold))


                    break;




                if (dLat > 0) pLat = wgsLat; else mLat = wgsLat;


                if (dLon > 0) pLon = wgsLon; else mLon = wgsLon;




                if (++i > 10000) break;


            }


            return {'lat': wgsLat, 'lon': wgsLon};


        },


        //GCJ-02 to BD-09


        bd_encrypt: function (gcjLat, gcjLon) {


            var x = gcjLon, y = gcjLat;


            var z = Math.sqrt(x * x + y * y) + 0.00002 * Math.sin(y * this.x_pi);


            var theta = Math.atan2(y, x) + 0.000003 * Math.cos(x * this.x_pi);


            bdLon = z * Math.cos(theta) + 0.0065;


            bdLat = z * Math.sin(theta) + 0.006;


            return {'lat': bdLat, 'lon': bdLon};


        },


        //BD-09 to GCJ-02


        bd_decrypt: function (bdLat, bdLon) {


            var x = bdLon - 0.0065, y = bdLat - 0.006;


            var z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * this.x_pi);


            var theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * this.x_pi);


            var gcjLon = z * Math.cos(theta);


            var gcjLat = z * Math.sin(theta);


            return {'lat': gcjLat, 'lon': gcjLon};


        },


        //WGS-84 to Web mercator


        //mercatorLat -> y mercatorLon -> x


        mercator_encrypt: function (wgsLat, wgsLon) {


            var x = wgsLon * 20037508.34 / 180.;


            var y = Math.log(Math.tan((90. + wgsLat) * this.PI / 360.)) / (this.PI / 180.);


            y = y * 20037508.34 / 180.;


            return {'lat': y, 'lon': x};


        },


        // Web mercator to WGS-84


        // mercatorLat -> y mercatorLon -> x


        mercator_decrypt: function (mercatorLat, mercatorLon) {


            var x = mercatorLon / 20037508.34 * 180.;


            var y = mercatorLat / 20037508.34 * 180.;


            y = 180 / this.PI * (2 * Math.atan(Math.exp(y * this.PI / 180.)) - this.PI / 2);


            return {'lat': y, 'lon': x};


        },


        // two point's distance


        distance: function (latA, lonA, latB, lonB) {


            var earthR = 6371000.;


            var x = Math.cos(latA * this.PI / 180.) * Math.cos(latB * this.PI / 180.) * Math.cos((lonA - lonB) * this.PI / 180);


            var y = Math.sin(latA * this.PI / 180.) * Math.sin(latB * this.PI / 180.);


            var s = x + y;


            if (s > 1) s = 1;


            if (s < -1) s = -1;


            var alpha = Math.acos(s);


            var distance = alpha * earthR;


            return distance;


        },


        outOfChina: function (lat, lon) {


            if (lon < 72.004 || lon > 137.8347)


                return true;


            if (lat < 0.8293 || lat > 55.8271)


                return true;


            return false;


        },


        transformLat: function (x, y) {


            var ret = -100.0 + 2.0 * x + 3.0 * y + 0.2 * y * y + 0.1 * x * y + 0.2 * Math.sqrt(Math.abs(x));


            ret += (20.0 * Math.sin(6.0 * x * this.PI) + 20.0 * Math.sin(2.0 * x * this.PI)) * 2.0 / 3.0;


            ret += (20.0 * Math.sin(y * this.PI) + 40.0 * Math.sin(y / 3.0 * this.PI)) * 2.0 / 3.0;


            ret += (160.0 * Math.sin(y / 12.0 * this.PI) + 320 * Math.sin(y * this.PI / 30.0)) * 2.0 / 3.0;


            return ret;


        },


        transformLon: function (x, y) {


            var ret = 300.0 + x + 2.0 * y + 0.1 * x * x + 0.1 * x * y + 0.1 * Math.sqrt(Math.abs(x));


            ret += (20.0 * Math.sin(6.0 * x * this.PI) + 20.0 * Math.sin(2.0 * x * this.PI)) * 2.0 / 3.0;


            ret += (20.0 * Math.sin(x * this.PI) + 40.0 * Math.sin(x / 3.0 * this.PI)) * 2.0 / 3.0;


            ret += (150.0 * Math.sin(x / 12.0 * this.PI) + 300.0 * Math.sin(x / 30.0 * this.PI)) * 2.0 / 3.0;


            return ret;


        }


    };




    var mapStyle = {


        features: ["road", "building", "water", "land"], // 隐藏地图上的poi


        style: "normal" // 设置地图风格为高端黑


@@ -109,9 +232,8 @@


    var sensorKey = params['sensorKey'];


    var unit = params['unit'];


    var description = params['description'];


    var backgroundValue = 32;




    $("#tab").append("<tr><td>经度(°)</td><td>纬度(°)</td><td>高度(m)</td><td>" + description + "(" + unit + ")</td></tr>");//控制输出的数据格式


    var backgroundValue = "";


    $("#tab").append("<tr><td>时间</td><td>经度(°)</td><td>纬度(°)</td><td>高度(m)</td><td>" + description + "(" + unit + ")</td></tr>");//控制输出的数据格式


    var map = new BMap.Map("mapCanvas", {enableMapClick: false});


    map.setMapStyle(mapStyle);


    map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放


@@ -130,22 +252,30 @@


                if (typeof (value.e76) == "undefined" /*|| typeof (value.e78) == "undefined"*/) {


                    showNoDroppoint();


                } else {


                    var lon = parseFloat(value.e76.substr(0, value.e76.length - 1)).toFixed(4);


                    var lat = parseFloat(value.e77.substr(0, value.e77.length - 1)).toFixed(4);


                    var lon = parseFloat(value.e76.substr(0, value.e76.length - 1));


                    var lat = parseFloat(value.e77.substr(0, value.e77.length - 1));


                    if (lon < 70 || lon > 150 || lat > 60 || lat <= 0) {


                        return true;


                    }


                    var lon1 = GPS.gcj_encrypt(lat, lon).lon;


                    var lat1 = GPS.gcj_encrypt(lat, lon).lat;


                    var lon2 = GPS.bd_encrypt(lat1, lon1).lon;


                    var lat2 = GPS.bd_encrypt(lat1, lon1).lat;


                    //var heigh = parseFloat(value.e78.substr(0, value.e78.length - 1));


                    var heigh = typeof (value.e78) == "undefined" ? "" : parseFloat(value.e78.substr(0, value.e78.length - 1));


                    var concentration = "";


                    var time="";


                    $.each(value, function (key, data) {


                        if (key == sensorKey) {


                            concentration = data == "undefined" ? "" : parseFloat(data.substr(0, data.length - 1));


                        }


                        if (key == "time") {


                            time = data.toString().split(" ")[1];


                        }


                    });


                    var point = new BMap.Point(lon, lat);


                    var point = new BMap.Point(lon2, lat2);


                    trackPoints.push(point);


                    $("#tab").append("<tr><td>" + lon + "</td><td>" + lat + "</td><td>" + heigh + "</td><td>" + concentration + "</td></tr>");//控制输出的数据格式


                    $("#tab").append("<tr><td>" + time + "</td>" + "<td>" + lon2.toFixed(4) + "</td><td>" + lat2.toFixed(4) + "</td><td>" + heigh + "</td><td>" + concentration + "</td></tr>");//控制输出的数据格式




                    /* var myIcon = "";


                     if (concentration > 23) {


@@ -159,12 +289,16 @@


                }


            }


        )


        if(trackPoints.length==0){


            showNoDroppoint();


        }


        map.centerAndZoom(trackPoints, 17);// 根据经纬度显示地图的范围


        map.setViewport(trackPoints);// 根据提供的地理区域或坐标设置地图视野


        var polygon = new BMap.Polygon(trackPoints, {strokeColor: "none",fillColor:"red", strokeWeight: 2, strokeOpacity: 1});  //创建多边形


        map.addOverlay(polygon);  //增加多边形


        map.setViewport(polygon.getPath());    //调整视野


    }




    function showNoDroppoint() {


        var point = new BMap.Point(120.987287, 31.391562);


        map.centerAndZoom(point, 17);