From 2c6b3481ca4230cda74db88cbceed37b6cb1f676 Mon Sep 17 00:00:00 2001
From: qinbo <qinbo@shsening.com>
Date: 星期四, 25 十一月 2021 09:54:27 +0800
Subject: [PATCH] 添加撒点查询
---
js/changable_params.js | 2
widgetsTS/taxiRouteReplay/view.html | 11 ++++-
widgetsTS/taxiRouteReplay/view.js | 10 ++++
js/function_1004.js | 1
widgetsTS/taxiRouteReplay/view.css | 2
widgetsTS/taxiRouteReplay/widget.js | 38 ++++++++++++++++++
6 files changed, 58 insertions(+), 6 deletions(-)
diff --git a/js/changable_params.js b/js/changable_params.js
index 3863733..13004fe 100644
--- a/js/changable_params.js
+++ b/js/changable_params.js
@@ -126,7 +126,7 @@
"<tr><td>NO<SUB>x</SUB>: </td><td align= right>" + item["nox"] + ' ' + "</td><td>渭g/m鲁</td></tr>" +
"<tr><td>CO锛�</td><td align= right>" + item["co"] + ' ' + "</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 ) {
diff --git a/js/function_1004.js b/js/function_1004.js
index 0322def..73237a9 100644
--- a/js/function_1004.js
+++ b/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,
diff --git a/widgetsTS/taxiRouteReplay/view.css b/widgetsTS/taxiRouteReplay/view.css
index 2a682ac..169703b 100644
--- a/widgetsTS/taxiRouteReplay/view.css
+++ b/widgetsTS/taxiRouteReplay/view.css
@@ -175,7 +175,7 @@
height: 32px;
background: #20a0ff;
color: #ffffff;
- margin-left: 10px;
+ /* margin-left: 10px; */
border-radius: 5px;
}
diff --git a/widgetsTS/taxiRouteReplay/view.html b/widgetsTS/taxiRouteReplay/view.html
index 5a30640..aff4a65 100644
--- a/widgetsTS/taxiRouteReplay/view.html
+++ b/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>
diff --git a/widgetsTS/taxiRouteReplay/view.js b/widgetsTS/taxiRouteReplay/view.js
index 39c9f83..05a2af7 100644
--- a/widgetsTS/taxiRouteReplay/view.js
+++ b/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();
}
diff --git a/widgetsTS/taxiRouteReplay/widget.js b/widgetsTS/taxiRouteReplay/widget.js
index 0fdb68c..a5b88ab 100644
--- a/widgetsTS/taxiRouteReplay/widget.js
+++ b/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"] + ' ' + "</td><td>渭g/m鲁</td></tr>" +
+ "<tr><td>PM<SUB>10</SUB>锛�</td><td align= right>" + item["pm10"] + ' ' + "</td><td>渭g/m鲁</td></tr>" +
+ "<tr><td>NO锛�</td><td align= right>" + item["no"] + ' ' + "</td><td>渭g/m鲁</td></tr>" +
+ "<tr><td>NO<SUB>2</SUB>锛�</td><td align= right>" + item["no2"] + ' ' + "</td><td>渭g/m鲁</td></tr>" +
+ "<tr><td>NO<SUB>x</SUB>: </td><td align= right>" + item["nox"] + ' ' + "</td><td>渭g/m鲁</td></tr>" +
+ "<tr><td>CO锛�</td><td align= right>" + item["co"] + ' ' + "</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() {
--
Gitblit v1.9.1