//公共处理js
|
|
//数据处理，及自动播放
|
var dataWork = {
|
alltimes: 0,
|
arrNode: [],
|
analysisData: function (arr) {
|
for (var i = 0; i < arr.length; i++) {
|
var item = arr[i];
|
// item.state = { disabled: true }; //前端播放时禁用单击
|
|
if (item.widget) {
|
item.index = this.arrNode.length; //this.getNextId();
|
item.id = item.index;
|
item.times = item.times || 60;
|
item.text = item.text + "(" + item.times + "秒)";
|
item.icon = "fa fa-tag";
|
this.arrNode.push(item);
|
this.alltimes += item.times;
|
}
|
|
if (item.children) {
|
this.analysisData(item.children);
|
}
|
}
|
},
|
steptimes: 0,
|
initData: function (data) {
|
this.analysisData(data);
|
$("#alltimes").html(haoutil.str.formatTime(this.alltimes));
|
|
setInterval(() => {
|
if (!this._isStart) {
|
return;
|
}
|
this.steptimes++;
|
$("#thistimes").html(this.steptimes + "秒");
|
}, 1000);
|
|
$("#treeOverlays").jstree({
|
core: {
|
data: data,
|
themes: {
|
name: "default-dark",
|
dots: true,
|
icons: true,
|
},
|
},
|
});
|
|
$("#treeOverlays").on("changed.jstree", (e, data) => {
|
var node = data.node.original;
|
if (node && node.widget) {
|
this.start(node);
|
}
|
});
|
},
|
_isStart: false,
|
selectdNode: null,
|
//开始
|
start: function (node) {
|
this.stop();
|
|
$("#btn_start").hide();
|
$("#btn_pause").show();
|
$("#btn_proceed").hide();
|
$("#btn_stop").show();
|
// $("#treeOverlays").jstree().close_all();
|
|
this._isStart = true;
|
map.clock.shouldAnimate = true;
|
dataWork.activateNode(node || this.arrNode[0]);
|
},
|
//暂停
|
pause: function () {
|
$("#btn_start").hide();
|
$("#btn_pause").hide();
|
$("#btn_proceed").show();
|
$("#btn_stop").show();
|
|
this._isStart = false;
|
map.cancelFlight();
|
JB.stopRotatePoint();
|
map.clock.shouldAnimate = false;
|
|
if (this.timeIdx && this.timeIdx != -1) {
|
clearTimeout(this.timeIdx);
|
this.timeIdx = -1;
|
}
|
},
|
//继续
|
proceed: function () {
|
$("#btn_start").hide();
|
$("#btn_pause").show();
|
$("#btn_proceed").hide();
|
$("#btn_stop").show();
|
|
map.clock.shouldAnimate = true;
|
|
var node = this.selectdNode;
|
if (node) {
|
var that = this;
|
this.timeIdx = setTimeout(function () {
|
that.activateNextNode(node.index);
|
}, (node.times - this.steptimes) * 1000);
|
} else {
|
this.start();
|
}
|
this._isStart = true;
|
},
|
|
//停止
|
stop: function () {
|
this.pause();
|
$("#btn_start").show();
|
$("#btn_pause").hide();
|
$("#btn_stop").hide();
|
$("#btn_proceed").hide();
|
|
$("#thisStep").html("无");
|
$("#thistimes").html("");
|
$("#treeOverlays").jstree("deselect_all", true);
|
|
if (this.selectdNode) {
|
this.selectdNode.widget.disable();
|
}
|
dataWork.selectdNode = null;
|
this._isStart = false;
|
},
|
activateNode: function (node) {
|
this.selectdNode = node;
|
$("#stopRoate").val("暂停");
|
this.steptimes = 0;
|
$("#thisStep").html(node.text);
|
$("#treeOverlays").jstree("deselect_all", true);
|
$("#treeOverlays").jstree("select_node", node.id, true);
|
node.widget.activate(node);
|
|
// $("#treeOverlays").jstree().close_all(); //收起树
|
|
var that = this;
|
this.timeIdx = setTimeout(function () {
|
node.widget.disable();
|
that.activateNextNode(node.index);
|
}, node.times * 1000);
|
},
|
activateNextNode: function (index) {
|
index++;
|
if (index < 0 || index >= this.arrNode.length) {
|
this.stop();
|
this.selectdNode = null;
|
return;
|
}
|
var node = this.arrNode[index];
|
this.activateNode(node);
|
},
|
};
|
|
var timeColor = {
|
color: Cesium.Color.YELLOW.withAlpha(0),
|
start: function (clr, max) {
|
clr = clr || Cesium.Color.YELLOW;
|
this.colorBack = Cesium.Color.clone(clr);
|
this.max = max;
|
|
this.stop();
|
|
var time = 30;
|
var setp = max / time;
|
|
var alpha = 0;
|
this.interVal = setInterval(() => {
|
alpha += setp;
|
if (alpha > max) {
|
alpha = 0;
|
}
|
this.color = clr.withAlpha(alpha);
|
}, time);
|
},
|
stop: function () {
|
clearInterval(this.interVal);
|
this.color = this.colorBack.withAlpha(this.max);
|
},
|
};
|
|
//循环执行数组或对象，参数支持
|
function loopArrayForFun(opts, callback) {
|
if (opts == null) {
|
return;
|
}
|
if (haoutil.isutil.isArray(opts)) {
|
var arr = [];
|
for (var i = 0, len = opts.length; i < len; i++) {
|
arr.push(callback(opts[i]));
|
}
|
return arr;
|
} else {
|
return callback(opts);
|
}
|
}
|
|
//脚本列表
|
var JB = {
|
removeGraphic(opts) {
|
return loopArrayForFun(opts, function (graphic) {
|
graphic.remove(true);
|
});
|
},
|
changeGraphicShow(opts, show) {
|
return loopArrayForFun(opts, function (graphic) {
|
graphic.show = show;
|
});
|
},
|
|
//添加GeoJSON
|
addGeoJSON(geojson) {
|
return map.graphicLayer.loadGeoJSON(geojson);
|
},
|
|
//添加注记，参数支持数组或单个
|
addLabel(opts) {
|
return loopArrayForFun(opts, this._addLabelItem);
|
},
|
_addLabelItem(opts) {
|
var html = opts.html;
|
if (!html) {
|
html = `<div class="divpoint1">
|
<div class="title">${opts.name || ""}</div>
|
</div >`;
|
}
|
//文字注记
|
var graphic = new mars3d.graphic.DivGraphic({
|
position: opts.point,
|
style: {
|
html: html,
|
anchor: opts.anchor,
|
heightReference: opts.heightReference,
|
horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
|
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
|
},
|
});
|
map.graphicLayer.addGraphic(graphic);
|
|
return graphic;
|
},
|
|
//====================自定义面板=========================
|
showPanel(html) {
|
$("#viewResult").remove();
|
var innerHTML = `<div id="viewResult" class="infoview viewResult" >
|
${html}
|
</div>`;
|
$("body").append(innerHTML);
|
},
|
closePanel() {
|
$("#viewResult").remove();
|
},
|
playMP3(src) {
|
var mp3 = new Audio(src);
|
mp3.play(); //播放 mp3这个音频对象
|
return mp3;
|
},
|
//绕点飞行
|
startRotatePoint(center) {
|
if (!this.rotatePoint) {
|
this.rotatePoint = new mars3d.thing.RotatePoint({
|
direction: false, //方向 true逆时针，false顺时针
|
time: 50, //给定飞行一周所需时间(单位 秒)，控制速度
|
// autoStopAngle: 360, //到达指定角度后自动停止
|
});
|
map.addThing(this.rotatePoint);
|
}
|
|
//开启旋转
|
this.rotatePoint.start(center);
|
},
|
stopRotatePoint() {
|
if (this.rotatePoint) {
|
this.rotatePoint.stop();
|
}
|
},
|
};
|
