///////////////////////////////////////////////////////////////////////////
|
// Copyright © 2019 zhongsong. All Rights Reserved.
|
// 模块描述:显示坐标
|
///////////////////////////////////////////////////////////////////////////
|
define([
|
'dojo/_base/declare',
|
'dojo/_base/lang',
|
'dojo/_base/array',
|
'dojo/_base/html',
|
'dojo/topic',
|
'jimu/BaseWidget',
|
'jimu/utils',
|
'jimu/css!libs/zTree_v3/css/zTreeStyle/zTreeStyle.css',
|
'libs/zTree_v3/js/jquery.ztree.all'
|
],
|
function (declare,
|
lang,
|
array,
|
html,
|
topic,
|
BaseWidget,
|
aspect,
|
string,
|
utils
|
) {
|
return declare([BaseWidget], {
|
baseClass: 'jimu-widget-modelDiagram',
|
name: 'modelDiagram',
|
layers: {},
|
startup: function () {
|
var that = this;
|
// 暴露在外的接口
|
// that.beginModelDiagram();
|
// that.beginCesium();
|
|
$('.seemodo').click(() => {
|
that.seemodo();
|
})
|
|
$('.closemodo').click(() => {
|
that.closeModo();
|
})
|
$('.beginPlay').click(() => {
|
that.beginPlay();
|
})
|
$('.stopPlay').click(() => {
|
that.stopPlay();
|
})
|
$('.closesmodelDiagram').click(() => {
|
console.log(3423)
|
$('.jimu-widget-modelDiagram').hide();
|
if (that.openEntity) {
|
that.map.entities.removeAll();
|
}
|
})
|
|
},
|
beginCesium: function (a = 116.058987, b = 28.973468, g = 1000) {
|
var viewer = this.map
|
, that = this
|
, url = "./images/gltf/Cesium_Man.glb";
|
// var startPosition = new Cesium.Cartesian3(
|
// 116.058987,
|
// 28.973468,
|
// 1000
|
// );
|
// var endPosition = new Cesium.Cartesian3(
|
// 116.158987,
|
// 29.073468,
|
// 1000
|
// );
|
// var position = Cesium.Cartesian3.fromDegrees(116.058987, 28.973468);
|
//动态 //缺少viewer.timeline时间轴
|
//Make sure viewer is at the desired time.
|
//Make sure viewer is at the desired time.
|
// var start = Cesium.JulianDate.fromDate(new Date(2018, 11, 12, 15));
|
// var totalSeconds = 10;
|
// var stop = Cesium.JulianDate.addSeconds(
|
// start,
|
// totalSeconds,
|
// new Cesium.JulianDate()
|
// );
|
// viewer.clock.startTime = start.clone();
|
// viewer.clock.stopTime = stop.clone();
|
// viewer.clock.currentTime = start.clone();
|
// viewer.clock.clockRange = Cesium.ClockRange.LOOP_STOP;
|
// // console.log(viewer.timeline,111)
|
// viewer.timeline.zoomTo = function (startTime, stopTime) {
|
// //>>includeStart('debug', pragmas.debug);
|
// if (!defined(startTime)) {
|
// throw new DeveloperError("startTime is required.");
|
// }
|
// if (!defined(stopTime)) {
|
// throw new DeveloperError("stopTime is required");
|
// }
|
// if (JulianDate.lessThanOrEquals(stopTime, startTime)) {
|
// throw new DeveloperError("Start time must come before end time.");
|
// }
|
// //>>includeEnd('debug');
|
|
// this._startJulian = startTime;
|
// this._endJulian = stopTime;
|
// this._timeBarSecondsSpan = JulianDate.secondsDifference(stopTime, startTime);
|
|
// // If clock is not unbounded, clamp timeline range to clock.
|
// if (this._clock && this._clock.clockRange !== ClockRange$1.UNBOUNDED) {
|
// var clockStart = this._clock.startTime;
|
// var clockEnd = this._clock.stopTime;
|
// var clockSpan = JulianDate.secondsDifference(clockEnd, clockStart);
|
// var startOffset = JulianDate.secondsDifference(
|
// clockStart,
|
// this._startJulian
|
// );
|
// var endOffset = JulianDate.secondsDifference(clockEnd, this._endJulian);
|
|
// if (this._timeBarSecondsSpan >= clockSpan) {
|
// // if new duration longer than clock range duration, clamp to full range.
|
// this._timeBarSecondsSpan = clockSpan;
|
// this._startJulian = this._clock.startTime;
|
// this._endJulian = this._clock.stopTime;
|
// } else if (startOffset > 0) {
|
// // if timeline start is before clock start, shift right
|
// this._endJulian = JulianDate.addSeconds(
|
// this._endJulian,
|
// startOffset,
|
// new JulianDate()
|
// );
|
// this._startJulian = clockStart;
|
// this._timeBarSecondsSpan = JulianDate.secondsDifference(
|
// this._endJulian,
|
// this._startJulian
|
// );
|
// } else if (endOffset < 0) {
|
// // if timeline end is after clock end, shift left
|
// this._startJulian = JulianDate.addSeconds(
|
// this._startJulian,
|
// endOffset,
|
// new JulianDate()
|
// );
|
// this._endJulian = clockEnd;
|
// this._timeBarSecondsSpan = JulianDate.secondsDifference(
|
// this._endJulian,
|
// this._startJulian
|
// );
|
// }
|
// }
|
|
// this._makeTics();
|
|
// var evt = document.createEvent("Event");
|
// evt.initEvent("setzoom", true, true);
|
// evt.startJulian = this._startJulian;
|
// evt.endJulian = this._endJulian;
|
// evt.epochJulian = this._epochJulian;
|
// evt.totalSpan = this._timeBarSecondsSpan;
|
// evt.mainTicSpan = this._mainTicSpan;
|
// this._topDiv.dispatchEvent(evt);
|
// }
|
// viewer.timeline.zoomTo(start, stop);
|
|
// // Create a path for our vehicle by lerping between two positions.
|
// var position = new Cesium.SampledPositionProperty();
|
// var startPosition = Cesium.Cartesian3.fromDegrees(116.058987, 28.973468, 1000);
|
// var endPosition = Cesium.Cartesian3.fromDegrees(116.158987, 29.073468, 1000);
|
// // var startPosition = new Cesium.Cartesian3(
|
// // -2379556.799372864,
|
// // -4665528.205030263,
|
// // 3628013.106599678
|
// // );
|
// // var endPosition = new Cesium.Cartesian3(
|
// // -2379603.7074103747,
|
// // -4665623.48990283,
|
// // 3627860.82704567
|
// // );
|
// // A velocity vector property will give us the entity's speed and direction at any given time.
|
// var velocityVectorProperty = new Cesium.VelocityVectorProperty(
|
// position,
|
// false
|
// );
|
// var velocityVector = new Cesium.Cartesian3();
|
// // Store the wheel's rotation over time in a SampledProperty.
|
// var wheelAngleProperty = new Cesium.SampledProperty(Number);
|
// var wheelAngle = 0;
|
|
// var numberOfSamples = 100;
|
// for (var i = 0; i <= numberOfSamples; ++i) {
|
// var factor = i / numberOfSamples;
|
// var time = Cesium.JulianDate.addSeconds(
|
// start,
|
// factor * totalSeconds,
|
// new Cesium.JulianDate()
|
// );
|
|
// // Lerp using a non-linear factor so that the vehicle accelerates.
|
// var locationFactor = Math.pow(factor, 2);
|
// var location = Cesium.Cartesian3.lerp(
|
// startPosition,
|
// endPosition,
|
// locationFactor,
|
// new Cesium.Cartesian3()
|
// );
|
// position.addSample(time, location);
|
// // Rotate the wheels based on how fast the vehicle is moving at each timestep.
|
// velocityVectorProperty.getValue(time, velocityVector);
|
// var metersPerSecond = Cesium.Cartesian3.magnitude(velocityVector);
|
// var wheelRadius = 0.52; //in meters.
|
// var circumference = Math.PI * wheelRadius * 2;
|
// var rotationsPerSecond = metersPerSecond / circumference;
|
|
// wheelAngle +=
|
// ((Math.PI * 2 * totalSeconds) / numberOfSamples) *
|
// rotationsPerSecond;
|
// wheelAngleProperty.addSample(time, wheelAngle);
|
// }
|
|
// function updateSpeedLabel(time, result) {
|
// velocityVectorProperty.getValue(time, velocityVector);
|
// var metersPerSecond = Cesium.Cartesian3.magnitude(velocityVector);
|
// var kmPerHour = Math.round(metersPerSecond * 3.6);
|
|
// return kmPerHour + " km/hr";
|
// }
|
|
// var rotationProperty = new Cesium.CallbackProperty(function (
|
// time,
|
// result
|
// ) {
|
// return Cesium.Quaternion.fromAxisAngle(
|
// Cesium.Cartesian3.UNIT_X,
|
// wheelAngleProperty.getValue(time),
|
// result
|
// );
|
// },
|
// false);
|
|
// var wheelTransformation = new Cesium.NodeTransformationProperty({
|
// rotation: rotationProperty,
|
// });
|
|
// var nodeTransformations = {
|
// Wheels: wheelTransformation,
|
// Wheels_mid: wheelTransformation,
|
// Wheels_rear: wheelTransformation,
|
// };
|
|
// // Add our vehicle model.
|
// var vehicleEntity = viewer.entities.add({
|
// position: position,
|
// orientation: new Cesium.VelocityOrientationProperty(position), // Automatically set the vehicle's orientation to the direction it's facing.
|
// model: {
|
// uri: url,
|
// runAnimations: false,
|
// nodeTransformations: nodeTransformations,
|
// },
|
// label: {
|
// text: new Cesium.CallbackProperty(updateSpeedLabel, false),
|
// font: "20px sans-serif",
|
// showBackground: true,
|
// distanceDisplayCondition: new Cesium.DistanceDisplayCondition(
|
// 0.0,
|
// 100.0
|
// ),
|
// eyeOffset: new Cesium.Cartesian3(0, 3.5, 0),
|
// },
|
// });
|
|
// viewer.trackedEntity = vehicleEntity;
|
// vehicleEntity.viewFrom = new Cesium.Cartesian3(-10.0, 7.0, 4.0);
|
|
//静态
|
// var position = Cesium.Cartesian3.fromDegrees(116.058987, 28.973468, 1000);
|
var position = Cesium.Cartesian3.fromDegrees(a, b, g);
|
viewer.trackedEntity = viewer.entities.add({//viewer.trackedEntity跟随
|
name: url,
|
position: position,
|
model: {
|
uri: url,
|
},
|
});
|
that.entityPeople = viewer.trackedEntity;
|
|
// var viewModel = {// 以下是工具栏
|
// blackAndWhiteShow: false,
|
// blackAndWhiteGradations: 5.0,
|
// brightnessShow: false,
|
// brightnessValue: 0.5,
|
// nightVisionShow: false,
|
// silhouette: false,
|
// };
|
|
// Cesium.knockout.track(viewModel);
|
// var toolbar = document.getElementById("toolbarcesium");
|
// Cesium.knockout.applyBindings(viewModel, toolbar);
|
// for (var name in viewModel) {
|
// if (viewModel.hasOwnProperty(name)) {
|
// Cesium.knockout
|
// .getObservable(viewModel, name)
|
// .subscribe(updatePostProcess);
|
// }
|
// }
|
|
// if (
|
// !Cesium.PostProcessStageLibrary.isSilhouetteSupported(viewer.scene)
|
// ) {
|
// window.alert(
|
// "This browser does not support the silhouette post process."
|
// );
|
// }
|
|
// var stages = viewer.scene.postProcessStages;
|
// var silhouette = stages.add(
|
// Cesium.PostProcessStageLibrary.createSilhouetteStage()
|
// );
|
// var blackAndWhite = stages.add(
|
// Cesium.PostProcessStageLibrary.createBlackAndWhiteStage()
|
// );
|
// var brightness = stages.add(
|
// Cesium.PostProcessStageLibrary.createBrightnessStage()
|
// );
|
// var nightVision = stages.add(
|
// Cesium.PostProcessStageLibrary.createNightVisionStage()
|
// );
|
|
// function updatePostProcess() {
|
// silhouette.enabled = Boolean(viewModel.silhouette);
|
// silhouette.uniforms.color = Cesium.Color.YELLOW;
|
// blackAndWhite.enabled = Boolean(viewModel.blackAndWhiteShow);
|
// blackAndWhite.uniforms.gradations = Number(
|
// viewModel.blackAndWhiteGradations
|
// );
|
// brightness.enabled = Boolean(viewModel.brightnessShow);
|
// brightness.uniforms.brightness = Number(viewModel.brightnessValue);
|
// nightVision.enabled = Boolean(viewModel.nightVisionShow);
|
// }
|
// updatePostProcess();
|
|
},
|
entityPeople: '',
|
seeEntity: true,
|
openEntity: false,
|
time: '',
|
beginPlay: function () {
|
var postion = [116.058987, 28.973468, 1000]
|
, a = 116.058987
|
, b = 28.973468
|
, g = 1000;
|
this.time = setInterval(() => {
|
|
if (this.openEntity) {
|
// this.map.entities.remove(this.entityPeople)//删除entity
|
// this.map.entities.remove(this.map.trackedEntity)//删除entity
|
this.map.entities.removeAll();
|
} else {
|
a += 0.01;
|
b += 0.01;
|
// g += 0.01;
|
this.beginCesium(a, b);
|
}
|
this.openEntity = !this.openEntity;
|
console.log(this.openEntity)
|
}, 1000);
|
},
|
stopPlay: function () {
|
this.map.entities.removeAll();
|
clearInterval(this.time);
|
},
|
seemodo: function () {
|
var that = this;
|
if (that.seeEntity) {
|
this.map.trackedEntity = that.entityPeople;//目标视野跟踪
|
} else {
|
this.map.trackedEntity = '';
|
}
|
that.seeEntity = !that.seeEntity;
|
console.log(that.seeEntity)
|
// console.log('seedom')
|
// this.map.entities.remove(this.entityPeople)//删除entity
|
},
|
closeModo: function () {
|
if (this.openEntity) {
|
// this.map.entities.remove(this.entityPeople)//删除entity
|
// this.map.entities.remove(this.map.trackedEntity)//删除entity
|
this.map.entities.removeAll();
|
} else {
|
var a = $('#modelDiagramjdu').val() == '' ? 116.058987 : +$('#modelDiagramjdu').val();
|
var b = $('#modelDiagramwdu').val() == '' ? 28.973468 : +$('#modelDiagramwdu').val();
|
var g = $('#modelDiagramgdu').val() == '' ? 1000 : +$('#modelDiagramgdu').val();
|
// console.log([a, b, g])
|
this.beginCesium(a, b, g);
|
}
|
this.openEntity = !this.openEntity;
|
console.log(this.openEntity)
|
// var that = this;
|
// if (that.seeEntity) {
|
// this.map.trackedEntity = that.entityPeople;//目标视野跟踪
|
// } else {
|
// this.map.trackedEntity = '';
|
// }
|
// viewer.entities.remove(that.entityPeople)//删除entity
|
|
// viewer.entities.removeById(id)//根据id删除entity
|
|
// viewer.entities.removeAll()//清空所有entity
|
|
// viewer.entities.getById(id)// 获取enetity
|
|
// viewer.entities.contains(entity)// 是否包含
|
// viewer.entities.removeById('')
|
},
|
beginModelDiagram: function () {
|
var that = this
|
, viewer = that.map
|
, scene = viewer.scene;
|
// scene.globe.show = false;
|
viewer.shouldAnimate = true;
|
var collect = new Cesium.InstanceLayer(scene._context)
|
, url = "./images/gltf/walk.gltf"
|
, gltf = viewer.entities.add({
|
name: "gltf",
|
position: new Cesium.Cartesian3.fromDegrees(115.783206 - 0.002034006, 28.810602 - 0.005072179, 800),
|
model: {
|
uri: url
|
}
|
});
|
viewer.zoomTo(gltf);
|
$("#modelDiagramSelOpt").change(function () {
|
var value = $(this).val();
|
if (value === "1") {
|
collect.removeInstance(url, [collect._instances._array[0]._array[0].id]);
|
viewer.entities._show = true;
|
} else {
|
viewer.entities._show = false;
|
collect.add(url,
|
{
|
position: new Cesium.Cartesian3.fromDegrees(115.783206 - 0.002034006, 28.810602 - 0.005072179, 1000)
|
});
|
|
}
|
})
|
},
|
onClose: function () {
|
//面板关闭的时候触发 （when this panel is closed trigger）
|
},
|
|
onMinimize: function () {
|
this.resize();
|
},
|
|
onMaximize: function () {
|
this.resize();
|
},
|
|
resize: function () {
|
|
},
|
|
|
destroy: function () {
|
//销毁的时候触发
|
//todo
|
//do something before this func
|
this.inherited(arguments);
|
}
|
|
});
|
});
|
