代码拉取完成，页面将自动刷新
同步操作将从 Dl12345/cesiumdemo 强制同步，此操作会覆盖自 Fork 仓库以来所做的任何修改，且无法恢复！！！
确定后同步将在后台操作，完成时将刷新页面，请耐心等待。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<script src="./script/Cesium/Cesium.js"></script>
<link rel="stylesheet" href="./script/Cesium/Widgets/widgets.css" />
<style>
html,
body {
height: 100%;
margin: 0px;
padding: 0px;
}
</style>
</head>
<body>
<div id="cesiumContainer" style="width: 100%"></div>
<script>
const viewer = new Cesium.Viewer("cesiumContainer", {
// baseLayerPicker: false,
// navigationHelpButton: false,
// sceneModePicker: false,
terrainProvider: Cesium.createWorldTerrain(),
baseLayerPicker: false,
shouldAnimate: true,
});
const cartographicDegrees1 = [
0.0,
-6668447.2211117,
1201886.45913705,
146789.427467256,
60.0,
-6511432.84684144,
919677.673492462,
-214047.552431458,
90.0,
-6721319.92231553,
776899.784034099,
-394198.837519575,
150.0,
-6717826.447064,
488820.628328182,
-752924.980158179,
180.0,
-6504450.41462847,
343851.784836767,
-931084.800346031,
240.0,
-6654518.44949696,
52891.726433174,
-1283967.69137678,
];
const cartographicDegrees = [];
cartographicDegrees1.forEach((item, index) => {
if (index % 4 == 0) {
//item = item * 10;
}
if (index % 4 == 3) {
//item = item * 1000;
}
cartographicDegrees.push(item);
});
console.log(cartographicDegrees, "00000000");
function getCzml() {
var czml = [
{
id: "document",
version: "1.0",
},
{
id: "Vehicle",
availability:
"2012-08-04T16:00:00Z/2012-08-04T17:04:54.9962195740191Z",
label: {
fillColor: [
{
interval: "2012-08-04T16:00:00Z/2012-08-04T18:00:00Z",
rgba: [255, 255, 0, 255],
},
],
font: "bold 10pt Segoe UI Semibold",
horizontalOrigin: "CENTER",
outlineColor: {
rgba: [0, 0, 0, 255],
},
pixelOffset: {
cartesian2: [0.0, 20.0],
},
scale: 1.0,
show: [
{
interval: "2012-08-04T16:00:00Z/2012-08-04T18:00:00Z",
boolean: true,
},
],
style: "FILL",
text: "Test Vehicle",
verticalOrigin: "CENTER",
},
point: {
color: {
rgba: [255, 255, 255, 255],
},
outlineColor: {
rgba: [255, 0, 0, 255],
},
outlineWidth: 4,
pixelSize: 20,
},
model: {
//gltf: "./assets/SampleData/models/CesiumMilkTruck/CesiumMilkTruck.glb",
//glft: "./assets/SampleData/models/CesiumAir/Cesium_Air.glb",
//glft: "./assets/SampleData/models/CesiumMan/Cesium_Man.glb",
glft: "./assets/launchvehicle.glb",
minimumPixelSize: 100,
maximumScale: 50,
show: [
{
interval: "2012-08-04T16:00:00Z/2012-08-04T18:00:00Z",
boolean: true,
},
],
position: {
cartographicDegrees: [-77, 37, 10000],
},
},
orientation: {
velocityReference: "#position",
},
viewFrom: {
cartesian: [-2080, -1715, 779],
},
properties: {
fuel_remaining: {
epoch: "2012-08-04T16:00:00Z",
number: [0, 22.5, 1500, 21.2],
},
},
path: {
material: {
solidColor: {
color: {
interval: "2012-08-04T16:00:00Z/2012-08-04T18:00:00Z",
rgba: [255, 255, 0, 255],
},
},
},
width: [
{
interval: "2012-08-04T16:00:00Z/2012-08-04T18:00:00Z",
number: 5.0,
},
],
show: [
{
interval: "2012-08-04T16:00:00Z/2012-08-04T18:00:00Z",
boolean: true,
},
],
},
position: {
interpolationAlgorithm: "LAGRANGE",
interpolationDegree: 1,
epoch: "2012-08-04T16:00:00Z",
cartesian: [
0.0,
-2379754.6637012,
-4665332.88013588,
3628133.68924173,
10.0,
-2379510.08905552,
-4665419.64840452,
3628182.20006795,
20.0,
-2379568.4769522,
-4665555.3441867,
3627970.83323261,
30.0,
-2379638.93786855,
-4665691.63561896,
3627750.82085873,
40.0,
-2379709.29834665,
-4665827.9679646,
3627530.80187124,
50.0,
-2379837.28064915,
-4665847.7494347,
3627422.12874017,
60.0,
-2379624.98289073,
-4665907.50853722,
3627484.1191848,
70.0,
-2379386.12743523,
-4666029.54174431,
3627483.83297459,
80.0,
-2379147.26777171,
-4666151.56669944,
3627483.5403492,
90.0,
-2378908.40390057,
-4666273.58340244,
3627483.24130864,
1e2,
-2378663.69301645,
-4666379.62408751,
3627507.14485116,
110.0,
-2378416.29648478,
-4666444.93145547,
3627584.82610021,
120.0,
-2378184.75115833,
-4666458.05260387,
3627718.84628509,
130.0,
-2377958.22637221,
-4666461.11592729,
3627862.42864636,
140.0,
-2377733.79758374,
-4666460.508441,
3628009.31669747,
150.0,
-2377509.36460154,
-4666459.89268533,
3628156.19830638,
160.0,
-2377284.92742603,
-4666459.26866028,
3628303.07347284,
170.0,
-2377060.48605759,
-4666458.63636585,
3628449.9421966,
180.0,
-2376835.38472681,
-4666459.12413084,
3628595.78980713,
190.0,
-2376609.71084875,
-4666460.58154837,
3628740.75156098,
2e2,
-2376384.03277903,
-4666462.03069678,
3628885.70687201,
210.0,
-2376158.35051806,
-4666463.47157605,
3629030.65573998,
220.0,
-2375928.48736859,
-4666473.69575712,
3629167.08552075,
230.0,
-2375685.23921682,
-4666516.66377513,
3629270.3788586,
240.0,
-2375437.34307768,
-4666580.50029931,
3629350.0215939,
250.0,
-2375189.01133306,
-4666646.99320452,
3629426.53515423,
260.0,
-2374940.52675783,
-4666719.29042452,
3629495.71527129,
270.0,
-2374695.15633549,
-4666818.94185605,
3629527.91579302,
280.0,
-2374469.42323533,
-4666959.02687352,
3629495.69349509,
290.0,
-2374249.06659405,
-4667105.51477438,
3629451.77975513,
3e2,
-2374028.70574724,
-4667251.99442379,
3629407.85959417,
310.0,
-2373808.3406953,
-4667398.46582147,
3629363.9330123,
320.0,
-2373585.10773309,
-4667542.05948567,
3629325.52597676,
330.0,
-2373360.83645524,
-4667684.60869937,
3629289.10800226,
340.0,
-2373136.5609746,
-4667827.1496603,
3629252.68360778,
350.0,
-2372912.28129155,
-4667969.68236819,
3629216.25279339,
360.0,
-2372687.9974065,
-4668112.20682281,
3629179.81555915,
370.0,
-2372463.70931983,
-4668254.72302389,
3629143.37190511,
380.0,
-2372239.41703195,
-4668397.2309712,
3629106.92183136,
390.0,
-2372018.7615611,
-4668543.12509124,
3629063.76398058,
4e2,
-2371803.72586004,
-4668694.25404103,
3629010.24868951,
410.0,
-2371587.17705087,
-4668844.01756398,
3628959.44085712,
420.0,
-2371365.33472237,
-4668989.01539779,
3628918.13984128,
430.0,
-2371134.7547923,
-4669122.83460485,
3628896.77687771,
440.0,
-2370898.14635373,
-4669248.94021679,
3628889.16522147,
450.0,
-2370660.31892949,
-4669372.89697404,
3628885.07134974,
460.0,
-2370422.47459187,
-4669496.82305927,
3628881.00796265,
470.0,
-2370184.62606153,
-4669620.7408867,
3628876.93815788,
480.0,
-2369946.77333888,
-4669744.65045611,
3628872.86193545,
490.0,
-2369708.91642433,
-4669868.55176729,
3628868.77929537,
5e2,
-2369471.05531832,
-4669992.44482001,
3628864.69023764,
510.0,
-2369233.19002126,
-4670116.32961405,
3628860.59476226,
520.0,
-2368989.65950726,
-4670225.94237244,
3628878.39787596,
530.0,
-2368742.64810033,
-4670324.93393451,
3628912.01606989,
540.0,
-2368494.95906007,
-4670419.65546435,
3628951.51257903,
550.0,
-2368248.2848424,
-4670519.53079746,
3628983.74302284,
560.0,
-2368001.37437725,
-4670618.8319301,
3629016.84097985,
570.0,
-2367753.95809484,
-4670715.82368808,
3629053.19940679,
580.0,
-2367506.53762994,
-4670812.80718267,
3629089.55141416,
590.0,
-2367259.11298298,
-4670909.78241366,
3629125.89700192,
6e2,
-2367011.6841544,
-4671006.74938092,
3629162.23617,
610.0,
-2366764.25114462,
-4671103.70808425,
3629198.56891833,
620.0,
-2366516.81395411,
-4671200.6585235,
3629234.89524684,
630.0,
-2366269.37258329,
-4671297.60069848,
3629271.21515549,
640.0,
-2366021.9270326,
-4671394.53460904,
3629307.52864419,
650.0,
-2365774.47730247,
-4671491.460255,
3629343.8357129,
660.0,
-2365527.02339333,
-4671588.37763618,
3629380.13636155,
670.0,
-2365279.56530564,
-4671685.28675242,
3629416.43059006,
680.0,
-2365032.10303983,
-4671782.18760355,
3629452.71839837,
690.0,
-2364784.63659633,
-4671879.0801894,
3629488.99978644,
7e2,
-2364537.16597558,
-4671975.96450979,
3629525.27475418,
710.0,
-2364289.69117801,
-4672072.84056456,
3629561.54330154,
720.0,
-2364042.21220407,
-4672169.70835353,
3629597.80542845,
730.0,
-2363794.72905419,
-4672266.56787654,
3629634.06113485,
740.0,
-2363547.2417288,
-4672363.41913342,
3629670.31042068,
750.0,
-2363299.75022835,
-4672460.26212398,
3629706.55328587,
760.0,
-2363052.25455328,
-4672557.09684808,
3629742.78973036,
770.0,
-2362805.96213832,
-4672658.44235501,
3629772.46055,
780.0,
-2362566.28756432,
-4672777.84646024,
3629774.74120741,
790.0,
-2362330.01543718,
-4672904.47715606,
3629765.56158533,
8e2,
-2362093.73913086,
-4673031.09958839,
3629756.37554393,
810.0,
-2361857.4586458,
-4673157.71375702,
3629747.18308323,
820.0,
-2361621.17398239,
-4673284.31966172,
3629737.98420324,
830.0,
-2361379.13396171,
-4673398.62592987,
3629748.21496888,
840.0,
-2361130.58722369,
-4673488.59963461,
3629793.74986512,
850.0,
-2360881.58098042,
-4673573.14384665,
3629846.50583809,
860.0,
-2360632.51954154,
-4673657.07225834,
3629900.06533886,
870.0,
-2360383.45393477,
-4673740.99239963,
3629953.61841672,
880.0,
-2360134.38416057,
-4673824.90427038,
3630007.16507155,
890.0,
-2359885.31021938,
-4673908.80787044,
3630060.70530326,
9e2,
-2359636.23211162,
-4673992.70319966,
3630114.23911177,
910.0,
-2359387.14983775,
-4674076.5902579,
3630167.76649697,
920.0,
-2359138.06339821,
-4674160.469045,
3630221.28745878,
930.0,
-2358889.14548278,
-4674246.80164025,
3630271.54165003,
940.0,
-2358640.17887385,
-4674332.39488805,
3630322.75317441,
950.0,
-2358391.03374684,
-4674415.32432296,
3630377.46713032,
960.0,
-2358141.88445605,
-4674498.24548602,
3630432.17466229,
970.0,
-2357892.7310019,
-4674581.15837706,
3630486.87577026,
980.0,
-2357643.59031994,
-4674664.39449658,
3630541.13554932,
990.0,
-2357394.48770584,
-4674748.44899573,
3630594.30439711,
1e3,
-2357145.38092955,
-4674832.4952226,
3630647.46682079,
1010.0,
-2356896.26999152,
-4674916.53317705,
3630700.62282028,
1020.0,
-2356647.15489217,
-4675000.56285892,
3630753.77239547,
1030.0,
-2356398.03563196,
-4675084.58426807,
3630806.91554629,
1040.0,
-2356148.91221132,
-4675168.59740435,
3630860.05227262,
1050.0,
-2355899.78463069,
-4675252.60226762,
3630913.18257437,
1060.0,
-2355650.65289051,
-4675336.59885772,
3630966.30645147,
1070.0,
-2355401.51699122,
-4675420.58717452,
3631019.42390381,
1080.0,
-2355152.37693328,
-4675504.56721785,
3631072.5349313,
1090.0,
-2354903.2327171,
-4675588.53898758,
3631125.63953384,
1.1e3,
-2354654.08434313,
-4675672.50248355,
3631178.73771134,
1110.0,
-2354404.86337217,
-4675754.50046618,
3631234.37690825,
1120.0,
-2354155.84214723,
-4675830.29554952,
3631297.80148619,
1130.0,
-2353909.99308372,
-4675880.61174319,
3631391.75187422,
1140.0,
-2353667.55938687,
-4675917.7532863,
3631500.33400567,
1150.0,
-2353425.14548842,
-4675954.80919402,
3631608.99321685,
1160.0,
-2353182.7274392,
-4675991.85682064,
3631717.64599126,
1170.0,
-2352940.30523964,
-4676028.89616608,
3631826.29232871,
1180.0,
-2352697.87889015,
-4676065.92723028,
3631934.93222899,
1190.0,
-2352455.44839119,
-4676102.95001317,
3632043.56569193,
1.2e3,
-2352213.01374317,
-4676139.9645147,
3632152.19271733,
1210.0,
-2351970.57494653,
-4676176.97073479,
3632260.81330501,
1220.0,
-2351728.13200169,
-4676213.96867339,
3632369.42745476,
1230.0,
-2351485.68490907,
-4676250.95833043,
3632478.03516641,
1240.0,
-2351243.23366913,
-4676287.93970586,
3632586.63643975,
1250.0,
-2351000.77828228,
-4676324.91279958,
3632695.2312746,
1260.0,
-2350758.31874895,
-4676361.87761156,
3632803.81967077,
1270.0,
-2350515.85506957,
-4676398.83414172,
3632912.40162807,
1280.0,
-2350273.38724458,
-4676435.78239001,
3633020.9771463,
1290.0,
-2350029.47875804,
-4676477.3914753,
3633124.49944636,
1.3e3,
-2349785.42349382,
-4676519.45587927,
3633227.51421022,
1310.0,
-2349541.36408501,
-4676561.51200187,
3633330.52253589,
1320.0,
-2349297.30053206,
-4676603.55984302,
3633433.52442318,
1330.0,
-2349053.2328354,
-4676645.59940266,
3633536.51987191,
1340.0,
-2348809.16099546,
-4676687.63068071,
3633639.50888189,
1350.0,
-2348565.08501267,
-4676729.65367709,
3633742.49145297,
1360.0,
-2348321.00488746,
-4676771.66839174,
3633845.46758493,
1370.0,
-2348076.92062027,
-4676813.67482458,
3633948.43727762,
1380.0,
-2347832.83221153,
-4676855.67297554,
3634051.40053084,
1390.0,
-2347588.73966167,
-4676897.66284454,
3634154.35734442,
1.4e3,
-2347344.64297113,
-4676939.64443151,
3634257.30771818,
1410.0,
-2347101.04731466,
-4676979.96034855,
3634362.04616856,
1420.0,
-2346858.26575513,
-4677017.5834931,
3634469.6847769,
1430.0,
-2346614.99348312,
-4677056.89461847,
3634575.46081166,
1440.0,
-2346369.55744615,
-4677103.7262244,
3634672.99207759,
1450.0,
-2346124.8248997,
-4677147.9423086,
3634773.39569376,
1460.0,
-2345880.74403986,
-4677189.73374292,
3634876.46090671,
1470.0,
-2345636.65904236,
-4677231.51689469,
3634979.51967852,
1480.0,
-2345392.56990766,
-4677273.29176384,
3635082.57200902,
1490.0,
-2345148.47663614,
-4677315.05835029,
3635185.61789803,
1.5e3,
-2344904.37922829,
-4677356.81665397,
3635288.65734536,
],
},
},
];
return czml;
}
function startUp2() {
console.log("x");
const czml = getCzml();
// czml[1].position.cartographicDegrees.forEach((item, index) => {
// if (index % 4 == 3) {
// item = item + 30000;
// }
// });
console.log(czml);
const dataSourcePromise = Cesium.CzmlDataSource.load(czml);
dataSourcePromise.then((dataSource) => {
const entity = dataSource.entities.getById("launchvehicle");
console.log(entity);
viewer.trackedEntity = dataSource.entities.getById("path");
const vehicle = dataSource.entities.getById("Vehicle");
console.log(vehicle.model, "xxxxx");
//var parsedGltf = parseGlb(gltf);
//setRotate(entity, { rotateX: 100, rotateY: 100, rotateZ: 100 });
//update3dtilesMaxtrix(entity);
});
viewer.dataSources.add(dataSourcePromise);
viewer.zoomTo(dataSourcePromise);
// setTimeout(() => {
// viewer.camera.setView({
// destination: new Cesium.Cartesian3(
// -16458617.941072896,
// 5107179.844358844,
// -4565389.818112487
// ),
// });
// }, 2000);
}
startUp2();
function startUp() {
const czml = getCzml();
viewer.dataSources
.add(Cesium.CzmlDataSource.load(czml))
.then(function (ds) {
//viewer.trackedEntity = ds.entities.getById("path");
});
}
function addLeida() {
// 失败了；
this.originPoint = [106.45531788088708, 29.50637660924465, 35];
this.originPosition = Cesium.Cartesian3.fromDegrees(
this.originPoint[0],
this.originPoint[1],
this.originPoint[2] + 20
);
this.TargetTrackPyramid = new TargetTrackPyramid(
viewer,
this.originPosition
);
}
//生成目标的运行轨迹
function computeCirclularFlight(lon, lat, radius, start) {
var property = new Cesium.SampledPositionProperty();
for (var i = 0; i <= 360; i += 45) {
var radians = Cesium.Math.toRadians(i);
var time = Cesium.JulianDate.addSeconds(
start,
i,
new Cesium.JulianDate()
);
var position = Cesium.Cartesian3.fromDegrees(
lon + radius * 1.5 * Math.cos(radians),
lat + radius * Math.sin(radians),
300000
);
property.addSample(time, position);
viewer.entities.add({
position: position,
point: {
pixelSize: 8,
color: Cesium.Color.TRANSPARENT,
outlineColor: Cesium.Color.YELLOW,
outlineWidth: 3,
},
});
}
return property;
}
function addTarget() {
console.log("xx");
var start = Cesium.JulianDate.fromDate(new Date(2012, 8, 14, 16));
var stop = Cesium.JulianDate.addSeconds(
start,
360,
new Cesium.JulianDate()
);
this.originPoint = [106.45531788088708, 29.50637660924465, 35];
var position = this.computeCirclularFlight(
this.originPoint[0],
this.originPoint[1],
5,
start
);
const targetEntity = viewer.entities.add({
availability: new Cesium.TimeIntervalCollection([
new Cesium.TimeInterval({
start: start,
stop: stop,
}),
]),
position: position,
orientation: new Cesium.VelocityOrientationProperty(position),
model: {
uri: "./assets/SampleData/models/CesiumAir/Cesium_Air.glb",
minimumPixelSize: 128,
},
path: {
resolution: 1,
material: new Cesium.PolylineGlowMaterialProperty({
glowPower: 0.1,
color: Cesium.Color.YELLOW,
}),
width: 10,
},
});
}
addTarget();
function addModel() {
var scene = viewer.scene;
var modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(
Cesium.Cartesian3.fromDegrees(
-2345148.47663614,
-4677315.05835029,
3635185.61789803
)
);
// var model = scene.primitives.add(
// Cesium.Model.fromGltf({
// url: "./assets/SampleData/models/CesiumAir/Cesium_Air.glb",
// //modelMatrix: modelMatrix,
// position: {
// cartographicDegrees: [-77, 37, 100000],
// },
// scale: 200000.0,
// })
// );
const air = viewer.entities.add({
name: ".Cesium_Air",
position: Cesium.Cartesian3.fromDegrees(
-2380174.3084463677,
-4751209.607764337,
3610481.762420544
),
model: {
uri: "./assets/SampleData/models/CesiumAir/Cesium_Air.glb",
minimumPixelSize: 128,
maximumScale: 20000,
},
scale: 200.0,
viewFrom: new Cesium.Cartesian3(
-2380174.3084463677,
-4751209.607764337,
3610481.762420544
),
});
// 镜头跟随；
//viewer.trackedEntity = air;
}
addModel();
function tools() {
var cartographic = Cesium.Cartographic.fromDegrees(
-75.62898254394531,
40.02804946899414,
200000
); //其中，longitude和latitude为角度
console.log(cartographic, "角度");
//方法三：
var cartographic = Cesium.Cartographic.fromRadians(
-2345636.65904236,
-4677231.51689469,
3634979.51967852
); //其中，longitude和latitude为弧度
console.log(cartographic, "弧度");
let positions = Cesium.Cartesian3.fromDegreesArrayHeights([
-115.0,
37.0,
100000.0,
-107.0,
33.0,
150000.0,
]); //coordinates格式为带有高度的数组。例如：[-115.0, 37.0, 100000.0, -107.0, 33.0, 150000.0]
console.log(positions, "XTZ");
console.log(Cesium.Cartographic.fromCartesian(positions[0]));
}
tools();
function getPoint() {
var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
handler.setInputAction(function (movement) {
var pickedObject = viewer.scene.pick(movement.endPosition);
// 使用时，最好利用pickPositionSupported判断一下浏览器是否支持模型高度拾取
if (scene.pickPositionSupported && Cesium.defined(pickedObject)) {
var cartesian = viewer.scene.pickPosition(movement.endPosition);
console.log(cartesian);
}
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);
}
getPoint();
// addLeida();
//startUp();
</script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。