ArcheontPB

AplikacjeSystemowGeoinformatycznychLab5

May 13th, 2020
462
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.05 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <!-- Use correct character set. -->
  5. <meta charset="utf-8">
  6. <!-- Tell IE to use the latest, best version. -->
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8. <!-- Make the application on mobile take up the full browser screen and disable user scaling. -->
  9. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  10. <title>Hello World!</title>
  11. <script src="../Build/Cesium/Cesium.js"></script>
  12. <style>
  13. @import url(../Build/Cesium/Widgets/widgets.css);
  14. html, body, #cesiumContainer {
  15. width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
  16. }
  17. </style>
  18. </head>
  19. <body>
  20. <div id="cesiumContainer"></div>
  21. <script>
  22. var viewer = new Cesium.Viewer('cesiumContainer');
  23. var Poland = viewer.entities.add({name: 'Poland', polygon: {hierarchy: Cesium.Cartesian3.fromDegreesArray([18.338667,54.820366, 18.720155,54.386322, 22.875648,54.378387, 23.938365,52.710955, 23.175389,52.254606, 23.665873,52.037227, 24.060986,50.451036, 22.848399,49.042572, 19.919117,49.238664, 16.730968,50.137695, 14.878027,50.900002, 14.264922,53.923576]), material: Cesium.Color.WHITE.withAlpha(0.5), outline: true, outlineColor: Cesium.Color.BLACK}});
  24. viewer.zoomTo(Poland);
  25. var entity = viewer.entities.add({position: Cesium.Cartesian3.fromDegrees(-3.695879, 40.407174), ellipse: {semiMinorAxis: 250000.0, semiMajorAxis: 400000.0, material: Cesium.Color.BLUE.withAlpha(0.5)}});
  26. viewer.zoomTo(viewer.entities);
  27. var ellipse = entity.ellipse;
  28. ellipse.material = 'http://localhost:31415/Apps/espana.png';
  29. var cube = viewer.entities.add({name: 'Cube',position: Cesium.Cartesian3.fromDegrees(2.3488000, 48.8534100, 300000.0), box: {dimensions: new Cesium.Cartesian3(300000.0, 300000.0, 300000.0)}});
  30. viewer.zoomTo(cube);
  31. cube.box.material = 'http://localhost:31415/Apps/borg-cube.jpg';
  32. var myPolyline = new Cesium.GeometryInstance({
  33. geometry : new Cesium.PolylineGeometry({
  34. width : 2.0,
  35. positions : Cesium.Cartesian3.fromDegreesArrayHeights([
  36. 13.410530, 52.524370, 0.0,
  37. 21.011780, 52.229770, 0.0
  38. ]),
  39. vertexFormat : Cesium.PolylineColorAppearance.VERTEX_FORMAT}),
  40. attributes : {
  41. color : Cesium.ColorGeometryInstanceAttribute.fromColor(new Cesium.Color(1.0, 0.0, 0.0, 0.8))
  42. }
  43. });
  44. viewer.scene.primitives.add(new Cesium.Primitive({geometryInstances : myPolyline, appearance : new Cesium.PolylineColorAppearance()
  45. }));
  46. var layers = viewer.imageryLayers;
  47. var blackMarble = layers.addImageryProvider(new Cesium.IonImageryProvider({ assetId: 3812 }));
  48. blackMarble.alpha = 0.5;
  49. blackMarble.brightness = 2.0
  50. var terrainProvider = Cesium.createWorldTerrain({requestVertexNormals: true, requestWaterMask: true});
  51. viewer.terrainProvider = terrainProvider;
  52. viewer.scene.globe.enableLighting = true;
  53. var modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(Cesium.Cartesian3.fromDegrees(18.59058, 54.38783, 50.0));
  54. var model = viewer.scene.primitives.add( Cesium.Model.fromGltf({url : 'http://localhost:31415/Apps/SampleData/models/GroundVehicle/GroundVehicle.glb', modelMatrix : modelMatrix, scale : 200.0}));
  55. // car animation
  56. Cesium.when(model.readyPromise).then(function(model) {
  57. model.activeAnimations.addAll({
  58. loop : Cesium.ModelAnimationLoop.REPEAT
  59. });
  60. });
  61.  
  62. // beam added
  63. var myBeam = new Cesium.GeometryInstance({
  64. geometry : new Cesium.PolylineGeometry({
  65. width : 5.0,
  66. positions : Cesium.Cartesian3.fromDegreesArrayHeights([
  67. 2.3488000, 48.8534100, 300000.0,
  68. 18.59058, 54.38783, 50.0
  69. ]),
  70. vertexFormat : Cesium.PolylineColorAppearance.VERTEX_FORMAT}),
  71. attributes : {
  72. color : Cesium.ColorGeometryInstanceAttribute.fromColor(new Cesium.Color(0.0, 1.0, 0.0, 0.8))
  73. }
  74. });
  75. viewer.scene.primitives.add(new Cesium.Primitive({geometryInstances : myBeam, appearance : new Cesium.PolylineColorAppearance()}));
  76.  
  77. viewer.trackedEntity = undefined;
  78. </script>
  79. </body>
  80. </html>
Add Comment
Please, Sign In to add comment