添加撒点查询

qinbo

2021-11-25 2c6b3481ca4230cda74db88cbceed37b6cb1f676

添加撒点查询

 js/changable_params.js

@@ -126,7 +126,7 @@
      "<tr><td>NO<SUB>x</SUB>: </td><td align= right>" + item["nox"] + '&nbsp' + "</td><td>μg/m³</td></tr>" +
      "<tr><td>CO：</td><td align= right>" + item["co"] + '&nbsp' + "</td><td>mg/m³</td></tr>" +
      "</table>" +
      "<br/><p><a href='#' onclick='javascript:showHistoryPathDetail(\"" + item["code"] + "\")' >轨迹回放</a></p>";
      "<br/><p><a href='#' onclick='javascript:showHistoryPathDetail(\"" + item["code"] + "\")' >轨迹查询</a></p>";


  }else if(layerid == 3001 || layerid == 3002 || layerid == 3003 ) {

 js/function_1004.js

@@ -82,6 +82,7 @@
    if (tmpattr && tmpattr != null) {
      //item.options.attr = tmpattr;
      let tmpTaxiColor = getLayerPointColorByQindexandValue(1004, item._layer.options.style_selected, tmpattr[item._layer.options.style_selected]);
      mars3d.global_variables.style_selected = item._layer.options.style_selected;
      let tmpTaxigltfurl = "gltf/" + (tmpattr["code"]).substring(0, 2) + tmpTaxiColor.substring(1) + ".gltf";
      item.setOptions({
        attr: tmpattr,

 widgetsTS/taxiRouteReplay/view.css

@@ -175,7 +175,7 @@
  height: 32px;
  background: #20a0ff;
  color: #ffffff;
  margin-left: 10px;
  /* margin-left: 10px; */
  border-radius: 5px;
}


 widgetsTS/taxiRouteReplay/view.html

@@ -34,6 +34,9 @@
  <link href="../../lib/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.css" rel="stylesheet" />
  <script src="../../lib/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.js"></script>
  <script src="../../lib/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.zh-CN.js"></script>
  <script type="text/javascript" src="../../js/changable_params.js"></script>
  <script type="text/javascript" src="../../js/function_1001.js"></script>
  <script type="text/javascript" src="../../js/function_1004.js"></script>
</head>

<body>
@@ -52,8 +55,12 @@
    </tr>
    <tr>
      <td>
        <button type="button" id="startQueryTaxiData" class="btn btn-primary" style="width:100px;"><span
            id="startQueryTaxiDataText">查询</span></button>
        <button type="button" id="SprinkleQueryTaxiData" class="btn btn-primary" style="width:80px;"><span
            id="SprinkleQueryTaxiDataText">撒点查询</span></button>        
      </td>
      <td>
        <button type="button" id="startQueryTaxiData" class="btn btn-primary" style="width:130px;"><span
            id="startQueryTaxiDataText">轨迹查询</span></button>
      </td>
    </tr>
  </table>

 widgetsTS/taxiRouteReplay/view.js

@@ -73,6 +73,14 @@
      }
    });
  });

  //开始撒点查询轨迹
  $("#SprinkleQueryTaxiData").click(function () {
    haoutil.loading.show();
    haoutil.loading.hide();
    thisWidget.clearReplayLayers();
    thisWidget.addTaxiPointInfoGraphic();
  });
}


@@ -107,7 +115,7 @@
}

function resetStartQueryTaxiDataText(taxi) {
  $("#startQueryTaxiDataText").text("查询(" + taxi + ")");
  $("#startQueryTaxiDataText").text("轨迹查询(" + taxi + ")");
  $("#route_box").hide();
}


 widgetsTS/taxiRouteReplay/widget.js

@@ -71,7 +71,43 @@
      });
      this.routeLayer.addGraphic(graphic);
      this.routeLayer.flyTo();
    }

    addTaxiPointInfoGraphic() {
        var Pointsdata = mars3d.global_variables.singleTaxiReplayData
        for (var i = 0, len = Pointsdata.length; i < len; i++) {
          var item = Pointsdata[i];
          var lng = Number(item["lon"]); //经度
          var lat = Number(item["lat"]); //纬度
          var position = null;
          if (lng && lat) {
            position = Cesium.Cartesian3.fromDegrees(lng, lat);
          }
          var PointEntity = new mars3d.graphic.PointEntity({
            position: position,
            style: {
              pixelSize: 6,
              color: this.viewWindow.getLayerPointColorByQindexandValue(1004,this.qindex, item[this.qindex]),
            },
            item: item,
            popup:"编号：" +
            item["code"] +
            "<br />时间：" +
            item["datatime"] +
            "<br />车速：" +
            item["speed"] +
            "<table>" +
            "<tr><td>PM<SUB>2.5</SUB>：</td><td align= right>" + item["pm25"] + '&nbsp' + "</td><td>μg/m³</td></tr>" +
            "<tr><td>PM<SUB>10</SUB>：</td><td align= right>" + item["pm10"] + '&nbsp' + "</td><td>μg/m³</td></tr>" +
            "<tr><td>NO：</td><td align= right>" + item["no"] + '&nbsp' + "</td><td>μg/m³</td></tr>" +
            "<tr><td>NO<SUB>2</SUB>：</td><td align= right>" + item["no2"] + '&nbsp' + "</td><td>μg/m³</td></tr>" +
            "<tr><td>NO<SUB>x</SUB>: </td><td align= right>" + item["nox"] + '&nbsp' + "</td><td>μg/m³</td></tr>" +
            "<tr><td>CO：</td><td align= right>" + item["co"] + '&nbsp' + "</td><td>mg/m³</td></tr>" +
            "</table>" 
          });
          this.routeLayer.addGraphic(PointEntity);
          this.routeLayer.flyTo();
        }
    }

    setSingleTaxiReplayData(datas) {
@@ -128,7 +164,7 @@
      this.old_map_clock_stopTime = this.map.clock.stopTime;
      this.old_map_clock_multiplier = this.map.clock.multiplier;
      mars3d.global_variables.is_single_taxi_replaying = true;

      this.qindex = mars3d.global_variables.style_selected;
    }
    //关闭释放
    disable() {