"use script"; //开发环境建议开启严格模式
|
//系统 功能入口
|
|
var taxi_data_list;
|
|
function addTaxiLayer(item) {
|
|
var taxi_layer = new mars3d.layer.GraphicLayer({
|
id: item.id,
|
name: item.name,
|
pid: item.pid, //图层管理 中使用,父节点id
|
center: { "lat": 30.62156, "lng": 121.44918, "alt": 48716, "heading": 359, "pitch": -40 },
|
noCenter: true,
|
style_selected:item.style_selected,
|
style_options: item.styleoptions,
|
show: true,
|
onWidget: "widgetsTS/taxi_layer_setting/widget.js",
|
});
|
map.addLayer(taxi_layer);
|
|
taxi_layer.on(mars3d.EventType.click, function (event) {
|
console.log("监听layer,单击了矢量对象", event);
|
var item = event.graphic?.attr;
|
});
|
taxi_layer.bindPopup(function (event) {
|
let item = event.graphic?.attr;
|
var html =
|
"<br/>类型: " +
|
item["code"].substring(0, 2) == "BS" ? "公交车" : "出租车" +
|
"<br />车辆编号: " +
|
item["code"] +
|
"<br/>数据时间: " +
|
item["datatime"] +
|
"<br />瞬时车速: " +
|
item["speed"] + " (km/h)" +
|
"<br />粉尘PM2.5: " +
|
item["pm25"] + " (ug/m3)" +
|
"<br />粉尘PM10: " +
|
item["pm10"] + " (ug/m3)" +
|
"<br />NO浓度: " +
|
item["no"] + " (ug/m3)" +
|
"<br />NO2浓度: " +
|
item["no2"] + " (ug/m3)" +
|
"<br />NO+NO2浓度: " +
|
item["nox"] + " (ug/m3)" +
|
"<br />CO浓度值: " +
|
item["co"] + " (mg/m3)" +
|
"<br /><br /><p><a href='#' onclick='javascript:showDetail(1001,\"" + item["code"] + "\")' ><span style='color:#ff00ff'>历史轨迹回放</span></a></p>";
|
return html;
|
});
|
|
getTaxiListByUserId(taxi_layer);
|
}
|
|
function getTaxiListByUserId(tmpLayer) {
|
|
setTaxiLayerMapClock();
|
$.getJSON(mars3d.global_variables.nodejs_url_predix + "dataapi/Bdata?bid=get_1004_list_by_userid&userid=" + mars3d.global_variables.userid, (result) => {
|
taxi_data_list = result.data.result;
|
for (var i = 0, len = result.data.result.length; i < len; i++) {
|
let item = result.data.result[i];
|
addTaxiPathToLayer(item, tmpLayer);
|
}
|
});
|
|
}
|
|
function setTaxiLayerMapClock() {
|
map.clock.shouldAnimate = true;
|
map.clock.startTime = Cesium.JulianDate.fromDate(new Date(mars3d.global_variables.queryDataTStart));
|
map.clock.currentTime = Cesium.JulianDate.fromDate(new Date(mars3d.global_variables.queryDataTStart));
|
map.clock.stopTime = Cesium.JulianDate.fromDate(new Date(mars3d.global_variables.queryDataTEnd));
|
map.clock.multiplier = 5.0;
|
map.clock.clockRange = Cesium.ClockRange.LOOP_STOP;
|
}
|
function addTaxiPathToLayer(item, target_layer) {
|
|
$.getJSON(mars3d.global_variables.nodejs_url_predix + "dataapi/Bdata?bid=get_1004_single_path&siteid=" + item["code"], {
|
datatime1: mars3d.global_variables.queryDataTStart,
|
datatime2: mars3d.global_variables.queryDataTEnd
|
}, (result) => {
|
|
if (result.data.result.length > 0) {
|
var tmpPositionProperty = new Cesium.SampledPositionProperty();
|
for (var i = 0, len = result.data.result.length; i < len; i++) {
|
let item = result.data.result[i];
|
//console.log(item);
|
tmpPositionProperty.addSample(Cesium.JulianDate.fromDate(new Date(item["datatime"])), Cesium.Cartesian3.fromDegrees(item["lon"], item["lat"], 0.2))
|
}
|
|
let graphic = new mars3d.graphic.ModelEntity({
|
attr: result.data.result[0],
|
style: {
|
url: "gltf/" + (item["code"]).substring(0, 2) + ".gltf",
|
scale: 0.5,
|
minimumPixelSize: 20,
|
highlight: {
|
type: mars3d.EventType.click,
|
silhouette: true,
|
silhouetteColor: "#ff0000",
|
silhouetteSize: 4,
|
},
|
label: {
|
//不需要文字时,去掉label配置即可
|
text: item["code"],
|
font_size: 16,
|
// TODO need to be changed according to qindex color.
|
color: "#ff00ff",
|
outline: true,
|
outlineColor: "#000000",
|
pixelOffsetY: -20,
|
distanceDisplayCondition: true,
|
distanceDisplayCondition_far: 50000,
|
distanceDisplayCondition_near: 0,
|
},
|
},
|
});
|
graphic.position = tmpPositionProperty;
|
target_layer.addGraphic(graphic);
|
}
|
});
|
}
|