3.7

fxl

2023-03-07 52cffc4ab8e9787a6f233295502c7c9788dddae1

 src/main/webapp/hxzk/location/queryLocation.jsp

@@ -43,6 +43,8 @@
            <link href="/hxzkoa/hxzk/plugins/noUiSlider/custom-nouiSlider.css" rel="stylesheet" type="text/css">
            <link href="/hxzkoa/hxzk/plugins/bootstrap-range-Slider/bootstrap-slider.css" rel="stylesheet"
               type="text/css">
            <link href="/hxzkoa/hxzk/fengmap/css/layui/index.css" rel="stylesheet" type="text/css">
            <link href="/hxzkoa/hxzk/fengmap/css/index.css" rel="stylesheet" type="text/css">

            <!-- 百度地图接口 -->
            <script type="text/javascript" id="baidumap_api"
@@ -55,6 +57,19 @@
            <script src="/hxzkoa/hxzk/plugins/noUiSlider/custom-nouiSlider.js"></script>
            <script src="/hxzkoa/hxzk/plugins/bootstrap-range-Slider/bootstrap-rangeSlider.js"></script>
            <script src="/hxzkoa/hxzk/plugins/laydate/laydate.js"></script>
            <script src="/hxzkoa/hxzk/assets/js/libs/jquery-3.1.1.min.js"></script>
            <script src="/hxzkoa/hxzk/bootstrap/js/popper.min.js"></script>
            <script src="/hxzkoa/hxzk/bootstrap/js/bootstrap.min.js"></script>
            <script src="/hxzkoa/hxzk/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
            <script src="/hxzkoa/hxzk/assets/js/app.js"></script>
            <script src="/hxzkoa/hxzk/plugins/table/datatable/button-ext/dataTables.buttons.min.js"></script>
            <script src="/hxzkoa/hxzk/plugins/table/datatable/button-ext/jszip.min.js"></script>
            <script src="/hxzkoa/hxzk/plugins/table/datatable/button-ext/buttons.html5.min.js"></script>
            <script src="/hxzkoa/hxzk/plugins/table/datatable/button-ext/buttons.print.min.js"></script>
            <script src="/hxzkoa/hxzk/plugins/apex/apexcharts.min.js"></script>
            <script src="/hxzkoa/hxzk/assets/js/dashboard/dash_2.js"></script>
            <script src="/hxzkoa/hxzk/fengmap/js/fengmap.map.min.js"></script>
            <script src="/hxzkoa/hxzk/fengmap/js/fengmap.plugins-track-player.min.js"></script>
            <style>
               body {
                  margin: 0px;
@@ -63,6 +78,7 @@
                  max-width: 100%;
                  height: 100%;
                  background-color: #F0F0F0;
                  overflow: auto;
               }

               #head {
@@ -111,11 +127,11 @@
            </div>
            <!--  END LOADER -->
            <div class="border-left"
               style="opacity: 0.4; float: left; position: absolute; z-index: 1; left: 120px; height: 20px;">
               style="opacity: 0.4; float: left; position: absolute; z-index: 0; left: 120px; height: 20px;">
               <img alt="" src="/hxzkoa/resources/images/border.png" class="img-left">
            </div>
            <div class="border-right"
               style="opacity: 0.4; float: right; position: absolute; z-index: 2; right: 120px;">
               style="opacity: 0.4; float: right; position: absolute; z-index: 0; right: 120px;">
               <img alt="" src="/hxzkoa/resources/images/border2.png" class="img-right">
            </div>
            <!--  BEGIN NAVBAR  -->
@@ -139,8 +155,8 @@
                        <div class="col-xl-12 col-lg-12 col-sm-12  layout-spacing">
                           <div class="widget-content widget-content-area br-6" style="padding: 0 0;">
                              <div class="table-responsive mb-4 mt-4"
                                 style="width: 100%; height: 600px; padding: 0 0;">
                                 <div style="width: 20%; height: 600px; float: left; padding: 20px 20px;">
                                 style="width: 100%; height: 700px; padding: 0 0;">
                                 <div style="width: 20%; height: 700px; float: left; padding: 20px 20px;">
                                    <div align="center">
                                       <label for="exampleFormControlInput1">每次轨迹查询时间不要超过24小时</label>
                                    </div>
@@ -149,6 +165,7 @@
                                          id="chooselayer" onchange="floorChange()"
                                          class="form-control form-control-lg"
                                          style="width: 60%; font-size: 12px; padding: 5px 5px">
                                          <option value="sanwei">三维地图</option>
                                          <c:forEach items="${floorList}" var="floor">
                                             <option value="${floor.floor}">${floor.floor}</option>
                                          </c:forEach>
@@ -159,9 +176,15 @@
                                       <label for="exampleFormControlInput1">选择开始时间：</label> <input
                                          type="text" id="begin" class="form-control form-control-lg"
                                          style="width: 60%; height: 40px; font-size: 12px; padding: 0 0;" />
                                          <input type="button" style="font-size: 4px;width: 19%;background-color: #5c1ac3;color: #fff;border-color: #5c1ac3;" id="yixiaoshi" onclick="yushe(value)" value="一小时"/>
                                          <input type="button" style="font-size: 4px;width: 19%;background-color: #5c1ac3;color: #fff;border-color: #5c1ac3;" id="banxiaoshi" onclick="yushe(value)" value="半小时"/>
                                          <input type="button" style="font-size: 4px;width: 19%;background-color: #5c1ac3;color: #fff;border-color: #5c1ac3;" id="shifenzhong" onclick="yushe(value)" value="10分钟"/>
                                       <input type="button"
                                          style="font-size: 4px;width: 19%;background-color: #5c1ac3;color: #fff;border-color: #5c1ac3;"
                                          id="yixiaoshi" onclick="yushe(value)" value="一小时" />
                                       <input type="button"
                                          style="font-size: 4px;width: 19%;background-color: #5c1ac3;color: #fff;border-color: #5c1ac3;"
                                          id="banxiaoshi" onclick="yushe(value)" value="半小时" />
                                       <input type="button"
                                          style="font-size: 4px;width: 19%;background-color: #5c1ac3;color: #fff;border-color: #5c1ac3;"
                                          id="shifenzhong" onclick="yushe(value)" value="10分钟" />
                                    </div>
                                    <div style="margin-left: 24px; padding: 6px; width: 100%;">
                                       <label for="exampleFormControlInput1">选择结束时间：</label> <input
@@ -181,7 +204,8 @@
                                    <div style="margin-left: 24px; padding: 6px; width: 100%;">
                                       <label for="exampleFormControlInput1">播放速度：</label> <select
                                          id="bofangsudu" class="form-control form-control-lg"
                                          style="width: 60%; font-size: 12px; padding: 5px 5px">
                                          style="width: 60%; font-size: 12px; padding: 5px 5px"
                                          onclick="onHandleBtn('speed', value)">
                                          <option value="1">X1</option>
                                          <option value="2">X2</option>
                                          <option value="4">X4</option>
@@ -192,7 +216,8 @@
                                    <div style="margin-left: 24px; padding: 6px; width: 100%;">
                                       <label for="exampleFormControlInput1">输入ID查询：</label> <input
                                          type="text" class="form-control" id="tagid"
                                          style="width: 60%; font-size: 12px; padding: 5px 5px">
                                          style="width: 60%; font-size: 12px; padding: 5px 5px"
                                          oninput="panduan(value)">
                                    </div>
                                    <div style="margin-left: 24px; padding: 6px; width: 100%;"
                                       id="shujutiao"></div>
@@ -209,14 +234,23 @@
                                          id="pause2">暂停</button>
                                       <button type="button" class="btn btn-secondary"
                                          id="continue2">继续</button>
                                       <button type="button" class="btn btn-secondary" id="search3"
                                          onclick="sanweiseach()">搜索</button>
                                       <button type="button" class="btn btn-secondary" id="pause3"
                                          onclick="onHandleBtn('pause')">暂停</button>
                                       <button type="button" class="btn btn-secondary" id="continue3"
                                          onclick="onHandleBtn('play')">播放</button>
                                    </div>
                                 </div>
                                 <div style="width: 80%; height: 600px; float: left; padding: 0 0;"
                                 <div style="width: 80%; height: 700px; float: left; padding: 0 0;"
                                    id="baidumap"></div>
                                 <div style="width: 80%; height: 600px; float: left; padding: 0 0;"
                                 <div style="width: 80%; height: 700px; float: left; padding: 0 0;"
                                    id="wrap">
                                    <canvas id="draw"></canvas>
                                 </div>
                                 <!-- <div class="toolBarDiv"></div> -->
                                 <div id="fengmap"
                                    style="width: 80%; height: 700px; float: left; padding: 0 0;"></div>
                              </div>
                           </div>
                        </div>
@@ -227,8 +261,16 @@

            </div>
            <!-- END MAIN CONTAINER -->
            <% String username=(String) session.getAttribute("username"); if (username==null || username.equals(""))
               { request.getRequestDispatcher("/hxzk/login.jsp").forward(request, response); return; } %>
            <% String superuser=(String) session.getAttribute("superuser"); String deleteq=(String)
               session.getAttribute("deleteq"); String alertq=(String) session.getAttribute("alertq"); String
               deleteall=(String) session.getAttribute("deleteall"); String username=(String)
               session.getAttribute("username"); if (username==null || username.equals("")) {
               request.getRequestDispatcher("/hxzk/login.jsp").forward(request, response); return; } %>
               <input type="hidden" name="superuser" id="superuser" value="<%=superuser%>"> <input type="hidden"
                  name="deleteq" id="deleteq" value="<%=deleteq%>"> <input type="hidden" name="alertq" id="alertq"
                  value="<%=alertq%>"> <input type="hidden" name="deleteall" id="deleteall"
                  value="<%=deleteall%>">
               <input type="hidden" name="xianusera" id="xianusera" value="<%=username%>">
               <!-- BEGIN FUNCTION SCRIPTS -->
               <script>
                  //执行一个laydate实例
@@ -261,10 +303,55 @@

                     }
                  });
						
                  function yushe(value){
                       var now = "";
							

                  function panduan(value) {
                     $.ajax({
                        url: "panduanweiyi.do",
                        type: "POST",
                        dataType: "JSON",
                        data: {
                           name: value
                        },
                        success: function (data) {
                           console.log(data.dataList)
                           if (data.dataList.length > 1) {
                              var str = "该姓名有多个标签，分别为:";
                              for (const item of data.dataList) {
                                 str += "<" + item + ">";
                              }
                              alert(str);
                              if ($("#chooselayer").val() == "baidumap") {
                                 $("#search2").css({ "display": "none" })
                              } else if ($("#chooselayer").val() == "sanwei") {
                                 $("#search3").css({ "display": "none" })
                              } else {
                                 $("#search").css({ "display": "none" })
                              }
                           } else if (data.dataList.length == 1) {
                              if ($("#chooselayer").val() == "baidumap") {
                                 $("#search2").css({ "display": "" })
                              } else if ($("#chooselayer").val() == "sanwei") {
                                 $("#search3").css({ "display": "" })
                              } else {
                                 $("#search").css({ "display": "" })
                              }
                           }
                        }
                     })
                  }

                  function checkRate(nubmer) {
                     var re = /^[0-9a-zA-Z]*$/g;  //判断字符串是否为数字和字母组合     //判断正整数 /^[1-9]+[0-9]*]*$/  
                     if (!re.test(nubmer)) {
                        return false;
                     } else {
                        return true;
                     }
                  }

                  function yushe(value) {
                     var now = "";

                     if (value == "一小时") {
                        now = new Date(new Date().getTime() - 1 * 60 * 60 * 1000);
                     } else if (value == "半小时") {
@@ -273,107 +360,126 @@
                        now = new Date(new Date().getTime() - 0.166 * 60 * 60 * 1000);
                     }

                       var year = now.getFullYear();       //年
                       var month = now.getMonth() + 1;     //月
                       var day = now.getDate();            //日
                     var year = now.getFullYear();       //年
                     var month = now.getMonth() + 1;     //月
                     var day = now.getDate();            //日

                       var hh = now.getHours();            //时
                       var mm = now.getMinutes();          //分
                       var ss = now.getSeconds();          //分
                     var hh = now.getHours();            //时
                     var mm = now.getMinutes();          //分
                     var ss = now.getSeconds();          //分

                       var clock = year + "-";
                     var clock = year + "-";

                       if(month < 10)
                           clock += "0";
                     if (month < 10)
                        clock += "0";

                       clock += month + "-";
                     clock += month + "-";

                       if(day < 10)
                           clock += "0";
                     if (day < 10)
                        clock += "0";

                       clock += day + " ";
                     clock += day + " ";

                       if(hh < 10)
                           clock += "0";
                     if (hh < 10)
                        clock += "0";

                       clock += hh + ":";
                       if (mm < 10)
                           clock += '0';
                       clock += mm + ":";
                     clock += hh + ":";
                     if (mm < 10)
                        clock += '0';
                     clock += mm + ":";

                       if (ss < 10)
                           clock += '0';
                       clock += ss;
                       document.getElementById("begin").value = clock;
                       yushe2();
                   }
                  function yushe2(){
                       var now = new Date();
                     if (ss < 10)
                        clock += '0';
                     clock += ss;
                     document.getElementById("begin").value = clock;
                     yushe2();
                  }
                  function yushe2() {
                     var now = new Date();

                       var year = now.getFullYear();       //年
                       var month = now.getMonth() + 1;     //月
                       var day = now.getDate();            //日
                     var year = now.getFullYear();       //年
                     var month = now.getMonth() + 1;     //月
                     var day = now.getDate();            //日

                       var hh = now.getHours();            //时
                       var mm = now.getMinutes();          //分
                       var ss = now.getSeconds();          //分
                     var hh = now.getHours();            //时
                     var mm = now.getMinutes();          //分
                     var ss = now.getSeconds();          //分

                       var clock = year + "-";
                     var clock = year + "-";

                       if(month < 10)
                           clock += "0";
                     if (month < 10)
                        clock += "0";

                       clock += month + "-";
                     clock += month + "-";

                       if(day < 10)
                           clock += "0";
                     if (day < 10)
                        clock += "0";

                       clock += day + " ";
                     clock += day + " ";

                       if(hh < 10)
                           clock += "0";
                     if (hh < 10)
                        clock += "0";

                       clock += hh + ":";
                       if (mm < 10)
                           clock += '0';
                       clock += mm + ":";
                     clock += hh + ":";
                     if (mm < 10)
                        clock += '0';
                     clock += mm + ":";

                       if (ss < 10)
                           clock += '0';
                       clock += ss;
                       document.getElementById("end").value = clock;
                   }
						
                     if (ss < 10)
                        clock += '0';
                     clock += ss;
                     document.getElementById("end").value = clock;
                  }

                  function floorChange() {
                     // when change floor num, the map will also change.
                     var select_layer = document.getElementById("chooselayer");
                     var select_value = select_layer.value;
                     var select_layer = document.getElementById("chooselayer");
                     var select_value = select_layer.value;
                     if (select_value == 'baidumap') {
                        document.getElementById("fengmap").style.display = 'none';
                        document.getElementById("wrap").style.display = 'none';
                        document.getElementById("draw").style.display = 'none';
                        document.getElementById("baidumap").style.display = '';
                        document.getElementById("search").style.display = 'none';
                        document.getElementById("fanwei").style.display = 'none';
                        document.getElementById("pause").style.display = 'none';
                        document.getElementById("continue").style.display = 'none';
                        document.getElementById("search3").style.display = 'none';
                        document.getElementById("pause3").style.display = 'none';
                        document.getElementById("continue3").style.display = 'none';
                        document.getElementById("search2").style.display = '';
                        document.getElementById("pause2").style.display = '';
                        document.getElementById("continue2").style.display = '';
                        document.getElementById("bofangsudu").options.remove(4);
                        diaoyongbaidumap();
                     } else {
                     } else if (select_value == 'sanwei') {
                        document.getElementById("fengmap").style.display = '';
                        document.getElementById("wrap").style.display = 'none';
                        document.getElementById("draw").style.display = 'none';
                        document.getElementById("baidumap").style.display = 'none';
                        document.getElementById("wrap").style.display = "";
                        document.getElementById("search").style.display = 'none';
                        document.getElementById("pause").style.display = 'none';
                        document.getElementById("continue").style.display = 'none';
                        document.getElementById("search2").style.display = 'none';
                        document.getElementById("pause2").style.display = 'none';
                        document.getElementById("continue2").style.display = 'none';
                        document.getElementById("search3").style.display = '';
                        document.getElementById("pause3").style.display = '';
                        document.getElementById("continue3").style.display = '';
                        jiazaisanwei()
                     } else {
                        document.getElementById("fengmap").style.display = 'none';
                        document.getElementById("wrap").style.display = '';
                        document.getElementById("draw").style.display = '';
                        document.getElementById("baidumap").style.display = 'none';
                        document.getElementById("search").style.display = '';
                        document.getElementById("fanwei").style.display = '';
                        document.getElementById("pause").style.display = '';
                        document.getElementById("continue").style.display = '';
                        document.getElementById("search2").style.display = 'none';
                        document.getElementById("pause2").style.display = 'none';
                        document.getElementById("continue2").style.display = 'none';
                        document.getElementById("search3").style.display = 'none';
                        document.getElementById("pause3").style.display = 'none';
                        document.getElementById("continue3").style.display = 'none';
                        document.getElementById("bofangsudu").options.add(new Option("X16", "16"));
                        $.ajax({
                           async: false,
@@ -435,6 +541,7 @@
                     var end = document.getElementById("end").value;
                     var floor = document.getElementById("chooselayer").value;
                     var fence = document.getElementById("fanwei").value;
                     var tagpanduan = checkRate(tag);
                     var tagTrack = [];
                     if (tag) {
                        if (begin && end) {
@@ -450,6 +557,7 @@
                                 end_value: end,
                                 floor_value: floor,
                                 fence: fence,
                                 panduan: tagpanduan,
                              },
                              success: function (data) {
                                 tagTrack = data;
@@ -553,6 +661,235 @@
                  };
               </script>

               <!-- 三维地图 -->
               <script>
                  var map;
                  var mapid;
                  var themeid;
                  var tracksPlayer;       // 轨迹回放类
                  var speed = 100;        // 默认速度，播放速度： speedMultiple * speed
                  var speedMultiple = 1;  // 倍速
                  var isPause = false;    // 是否在暂停状态
                  var isComplete = false; // 是否播放完成，播放完成后需要先调用start方法，再执行play
                  var coordMarkers = [];  // 起终点图标
                  var trackData = [];
                  var sanweiicon = [];
                  var sanweipanduan = false;

                  var origon = [
                     { x: -29, y: -907 },
                     { x: 2969, y: -908 },
                     { x: -29, y: 1092 }
                  ];

                  var target = [
                     { x: 13084799.0604, y: 4684857.2468 }, //原点 x最小y最小
                     { x: 13084829.1542, y: 4684857.3090 }, //x最大y最小
                     { x: 13084799.0311, y: 4684837.1980 }  //x最小y最大 
                  ];

                  var coordsTransformer = new fengmap.FMCoordsTransformer({ origon: origon, target: target });
						
                  $.ajax({
                     async:false,
                     url:"/hxzkoa/getmapid.do",
                     type:"POST",
                     dataType:"JSON",
                     success:function(data) {
                        mapid = data.mapid
                        themeid = data.themeid
                     }
                  })

                  function jiazaisanwei() {
                     var options = {
                        container: document.getElementById('fengmap'),
                        appName: 'map1',
                        key: '09facc4ee52d1844bc1e561dad5abf59',
                        mapID: mapid,
                        themeID: themeid,
                        mapURL: '/hxzkoa/hxzk/fengmap/data/',
                        themeURL: '/hxzkoa/hxzk/fengmap/data/theme/',
                        minTiltAngle: 0,
                        mapZoom: 19.5,
                     }
                     map = new fengmap.FMMap(options);
                  }


                  /* 渲染轨迹回放数据 */
                  function addTracks() {
                     // 自行添加起终点marker
                     addStartAndEndMarker();
                     // 初始化轨迹播放插件
                     tracksPlayer = new fengmap.FMTracksPlayer(map);
                     // 设置路径轨迹数据
                     tracksPlayer.setTracks(trackData);
                     // 设置线的样式
                     tracksPlayer.setTrackStyle({
                        width: 6,
                        radius: 1,
                        type: fengmap.FMLineType.ARROW,
                        animate: true,
                        height: 0
                     })
                     // 设置定位点图标1 - LOCATION_MARKER
                     var locationMarker = {
                        type: fengmap.FMType.LOCATION_MARKER,
                        options: {
                           url: '/hxzkoa/hxzk/fengmap/data/bluedot.png',
                           height: 0.2,
                           x: trackData[0].x,
                           y: trackData[0].y,
                           level: trackData[0].level,
                           size: 24,
                        }
                     };
                     // 设置定位点图标2 - IMAGE_MARKER
                     var imageMarker = {
                        type: fengmap.FMType.IMAGE_MARKER,
                        options: {
                           url: 'https://developer.fengmap.com/fmAPI/images/blueImageMarker.png',
                           height: 0.1,
                           size: 48
                        }
                     }
                     // 设置定位点图标3 - DYNAMIC_MODEL_MARKER
                     var dynamicModel = {
                        type: fengmap.FMType.DYNAMIC_MODEL_MARKER,
                        options: {
                           url: 'https://developer.fengmap.com/fmAPI/images/duck.glb',
                           height: 0.3,
                           size: 480,
                           scale: 5,
                           heading: 10,
                        }
                     }
                     // 设置定位点图标4 - DOM_MARKER
                     var domMarker = {
                        type: fengmap.FMType.DOM_MARKER,
                        options: {
                           content: '<div class="domContainer"><img src="https://developer.fengmap.com/fmAPI/images/red.png"></div>',
                           height: 0.2,
                           domWidth: 100,
                           domHeight: 100
                        }
                     }

                     // 设置定位点图标 - 可选以上4种类型
                     tracksPlayer.setMarkerStyle(locationMarker.type, locationMarker.options);
                     // 将轨迹线和定位点渲染到地图上
                     tracksPlayer.render();
                     // 设置轨迹回放速度
                     tracksPlayer.setSpeed(speed);
                     // 播放中的回调函数
                     tracksPlayer.on('playing', function (params) {
                        var progress = params.progress;     // 当前播放进度时间戳
                        var level = params.level;           // 所在楼层
                     })
                     // 轨迹播放完成回调函数
                     tracksPlayer.on('complete', function () {
                        isComplete = true;
                     })
                  }

                  /* 按钮操作 */
                  function onHandleBtn(type, value) {
                     switch (type) {
                        case 'play':
                           if (isComplete) {
                              // 轨迹播放到开始
                              tracksPlayer.start();
                              tracksPlayer.play();
                              isComplete = false;
                           } else {
                              // 播放
                              tracksPlayer.play();
                           }
                           break;
                        case 'pause':
                           // 暂停
                           tracksPlayer.pause();
                           break;
                        case 'stop':
                           // 轨迹播放到最后
                           tracksPlayer.stop();
                           break;
                        case 'speed':
                           var select_layer = document.getElementById("chooselayer");
                           var select_value = select_layer.value;
                           if (select_value == "sanwei") {
                              // 设置播放速度
                              var _speed = value * speed;
                              tracksPlayer.setSpeed(_speed);
                              break;
                           }
                        case 'progress':
                           // 设置轨迹的进度
                           tracksPlayer.setProgress(value);
                           break;
                        default:
                           break;
                     }
                  }

                  /* 添加起终点marker */
                  function addStartAndEndMarker() {
                     var coords = [
                        { x: trackData[0].x, y: trackData[0].y, level: trackData[0].level, url: 'https://developer.fengmap.com/fmAPI/images/start.png' },
                        { x: trackData[trackData.length - 1].x, y: trackData[trackData.length - 1].y, level: trackData[trackData.length - 1].level, url: 'https://developer.fengmap.com/fmAPI/images/end.png' },
                     ];
                     for (var i = 0; i < coords.length; i++) {
                        var coord = coords[i];
                        var im = new fengmap.FMImageMarker({
                           x: coord.x,
                           y: coord.y,
                           url: coord.url,
                           size: 32,
                           height: 0.2,
                           anchor: fengmap.FMMarkerAnchor.BOTTOM,
                           depth: false,
                           collision: true
                        });
                        var floor = map.getFloor(coord.level);
                        im.addTo(floor);
                        coordMarkers.push(im);
                     };
                  }

                  function sanweiseach() {
                     var tag = document.getElementById("tagid").value;
                     var begin = document.getElementById("begin").value;
                     var end = document.getElementById("end").value;
                     $.ajax({
                        url: "/hxzkoa/trackTagid3.do",
                        type: "POST",
                        dataType: "JSON",
                        data: {
                           tagid: tag,
                           begin: begin,
                           end: end
                        },
                        success: function (data) {
                           trackData = [];
                           for (var i = 0; i < data.length; i++) {
                              var xy = coordsTransformer.transform({ x: data[i].x, y: data[i].y });
                              trackData[i] = { level: 1, x: xy.x, y: xy.y, z: 0, time: data[i].time }
                           }
                           if (sanweipanduan) {
                              for (var i = 0; i < coordMarkers.length; i++) {
                                 coordMarkers[i].remove()
                              }
                              tracksPlayer.clear();
                              tracksPlayer.dispose();
                           }
                           sanweipanduan = true;
                           addTracks();
                        }
                     })
                  }
               </script>

               <!-- 百度地图功能 -->
               <script type="text/javascript">

@@ -571,7 +908,7 @@
                  var tagid;
                  var zuobiao;
                  var i = 0;
						

                  function diaoyongbaidumap() {
                     //       this.playFlag; //当前是否在播放
                     //       this.playTrack; //当前需要播放的总node
@@ -721,7 +1058,7 @@
                                       }
                                       if (playIndex != playTrack.length - 1) {
                                          var t_v = t / speed;
                                          console.log(playIndex+"---"+i);
                                          console.log(playIndex + "---" + i);
                                          timer_g = setInterval(fn, t_v);
                                       }
                                    }
@@ -1218,33 +1555,97 @@
               <!-- END FUNCTION SCRIPTS -->

               <!-- BEGIN GLOBAL MANDATORY SCRIPTS -->
               <script src="/hxzkoa/hxzk/assets/js/libs/jquery-3.1.1.min.js"></script>
               <script src="/hxzkoa/hxzk/bootstrap/js/popper.min.js"></script>
               <script src="/hxzkoa/hxzk/bootstrap/js/bootstrap.min.js"></script>
               <script src="/hxzkoa/hxzk/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
               <script src="/hxzkoa/hxzk/assets/js/app.js"></script>
               <script src="/hxzkoa/hxzk/plugins/table/datatable/button-ext/dataTables.buttons.min.js"></script>
               <script src="/hxzkoa/hxzk/plugins/table/datatable/button-ext/jszip.min.js"></script>
               <script src="/hxzkoa/hxzk/plugins/table/datatable/button-ext/buttons.html5.min.js"></script>
               <script src="/hxzkoa/hxzk/plugins/table/datatable/button-ext/buttons.print.min.js"></script>
               <script>
                  $(document).ready(function () {
                     App.init(); $.ajax({ async: false, type: "POST", url: "/hxzkoa/getSysSetting_list.do", data: {}, dataType: "json", success: function (data) { /* title = data[0].title; document.title = title; */ }, });
                  window.onload = function () {
                     App.init();
                     $.ajax({
                        async: false,
                        type: "POST",
                        url: "/hxzkoa/getSysSetting_list2.do",
                        data: {},
                        dataType: "json",
                        success: function (data) {
                           /* title = data[0].title; document.title = title; */
                           if (data.dataList2[0].label == 0) {
                              $("#labela").css({ 'display': 'none' });
                           };
                           if (data.dataList2[0].achor == 0) {
                              $("#anchora").css({ 'display': 'none' });
                           };
                           if (data.dataList2[0].gps == 0) {
                              $("#gpsa").css({ 'display': 'none' });
                           };
                           if (data.dataList2[0].fence == 0) {
                              $("#fencea").css({ 'display': 'none' });
                           };
                           if (data.dataList2[0].warning == 0) {
                              $("#warninga").css({ 'display': 'none' });
                           };
                           if (data.dataList2[0].history == 0) {
                              $("#historya").css({ 'display': 'none' });
                           };
                           if (data.dataList2[0].attendance == 0) {
                              $("#attendancea").css({ 'display': 'none' });
                           };
                           if (data.dataList2[0].basiclnfo == 0) {
                              $("#basiclnfoa").css({ 'display': 'none' });
                           };
                           if (data.dataList2[0].video == 0) {
                              $("#videoa").css({ 'display': 'none' });
                           };
                           if (data.dataList2[0].gas == 0) {
                              $("#gasa").css({ 'display': 'none' });
                           };
                        },
                     });
                     var superuser = document.getElementById("superuser").value;
                     var deleteq = document.getElementById("deleteq").value;
                     var alertq = document.getElementById("alertq").value;
                     var deleteall = document.getElementById("deleteall").value;
                     document.getElementById("xianuser").innerHTML = document.getElementById("xianusera").value
                     /* if (superuser == "访客") {
                        $("#search").attr("disabled", "true");
                        $("#pause").attr("disabled", "true");
                        $("#continue").attr("disabled", "true");
                        $("#search2").attr("disabled", "true");
                        $("#pause2").attr("disabled", "true");
                        $("#continue2").attr("disabled", "true");
                     } */
                     var select_layer = document.getElementById("chooselayer");
                     var select_value = select_layer.value;
                     if (select_value == 'baidumap') {
                        document.getElementById("fengmap").style.display = 'none';
                        document.getElementById("wrap").style.display = 'none';
                        document.getElementById("draw").style.display = 'none';
                        document.getElementById("baidumap").style.display = '';
                        document.getElementById("search").style.display = 'none';
                        document.getElementById("pause").style.display = 'none';
                        document.getElementById("continue").style.display = 'none';
                        document.getElementById("search3").style.display = 'none';
                        document.getElementById("pause3").style.display = 'none';
                        document.getElementById("continue3").style.display = 'none';
                        document.getElementById("search2").style.display = '';
                        document.getElementById("pause2").style.display = '';
                        document.getElementById("continue2").style.display = '';
                        document.getElementById("bofangsudu").options.remove(4);
                        diaoyongbaidumap();
                     } else if (select_value == 'sanwei') {
                        document.getElementById("fengmap").style.display = '';
                        document.getElementById("wrap").style.display = 'none';
                        document.getElementById("draw").style.display = 'none';
                        document.getElementById("baidumap").style.display = 'none';
                        document.getElementById("search").style.display = 'none';
                        document.getElementById("pause").style.display = 'none';
                        document.getElementById("continue").style.display = 'none';
                        document.getElementById("search2").style.display = 'none';
                        document.getElementById("pause2").style.display = 'none';
                        document.getElementById("continue2").style.display = 'none';
                        document.getElementById("search3").style.display = '';
                        document.getElementById("pause3").style.display = '';
                        document.getElementById("continue3").style.display = '';
                        jiazaisanwei()
                     } else {
                        document.getElementById("fengmap").style.display = 'none';
                        document.getElementById("wrap").style.display = '';
                        document.getElementById("draw").style.display = '';
                        document.getElementById("baidumap").style.display = 'none';
@@ -1254,6 +1655,9 @@
                        document.getElementById("search2").style.display = 'none';
                        document.getElementById("pause2").style.display = 'none';
                        document.getElementById("continue2").style.display = 'none';
                        document.getElementById("search3").style.display = 'none';
                        document.getElementById("pause3").style.display = 'none';
                        document.getElementById("continue3").style.display = 'none';
                        $.ajax({
                           async: false,
                           type: 'POST',
@@ -1269,7 +1673,7 @@
                           }
                        });
                     }
                  });
                  };
                  $('.header-page').load('/hxzkoa/hxzk/top.html'); $('.login-page').load('/hxzkoa/hxzk/head.html');

               </script>
@@ -1277,8 +1681,6 @@
               <!-- END GLOBAL MANDATORY SCRIPTS -->

               <!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM SCRIPTS -->
               <script src="/hxzkoa/hxzk/plugins/apex/apexcharts.min.js"></script>
               <script src="/hxzkoa/hxzk/assets/js/dashboard/dash_2.js"></script>
               <!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM SCRIPTS -->

         </body>