Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <!-- Use correct character set. -->
- <meta charset="utf-8">
- <!-- Tell IE to use the latest, best version. -->
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <!-- Make the application on mobile take up the full browser screen and disable user scaling. -->
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
- <title>Hello World!</title>
- <script src="../Build/Cesium/Cesium.js"></script>
- <style>
- @import url(../Build/Cesium/Widgets/widgets.css);
- html, body, #cesiumContainer {
- width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
- }
- </style>
- </head>
- <body>
- <div id="cesiumContainer"></div>
- <script>
- var viewer = new Cesium.Viewer('cesiumContainer');
- 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}});
- viewer.zoomTo(Poland);
- 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)}});
- viewer.zoomTo(viewer.entities);
- var ellipse = entity.ellipse;
- ellipse.material = 'http://localhost:31415/Apps/espana.png';
- 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)}});
- viewer.zoomTo(cube);
- cube.box.material = 'http://localhost:31415/Apps/borg-cube.jpg';
- var myPolyline = new Cesium.GeometryInstance({
- geometry : new Cesium.PolylineGeometry({
- width : 2.0,
- positions : Cesium.Cartesian3.fromDegreesArrayHeights([
- 13.410530, 52.524370, 0.0,
- 21.011780, 52.229770, 0.0
- ]),
- vertexFormat : Cesium.PolylineColorAppearance.VERTEX_FORMAT}),
- attributes : {
- color : Cesium.ColorGeometryInstanceAttribute.fromColor(new Cesium.Color(1.0, 0.0, 0.0, 0.8))
- }
- });
- viewer.scene.primitives.add(new Cesium.Primitive({geometryInstances : myPolyline, appearance : new Cesium.PolylineColorAppearance()
- }));
- var layers = viewer.imageryLayers;
- var blackMarble = layers.addImageryProvider(new Cesium.IonImageryProvider({ assetId: 3812 }));
- blackMarble.alpha = 0.5;
- blackMarble.brightness = 2.0
- var terrainProvider = Cesium.createWorldTerrain({requestVertexNormals: true, requestWaterMask: true});
- viewer.terrainProvider = terrainProvider;
- viewer.scene.globe.enableLighting = true;
- var modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(Cesium.Cartesian3.fromDegrees(18.59058, 54.38783, 50.0));
- var model = viewer.scene.primitives.add( Cesium.Model.fromGltf({url : 'http://localhost:31415/Apps/SampleData/models/GroundVehicle/GroundVehicle.glb', modelMatrix : modelMatrix, scale : 200.0}));
- // car animation
- Cesium.when(model.readyPromise).then(function(model) {
- model.activeAnimations.addAll({
- loop : Cesium.ModelAnimationLoop.REPEAT
- });
- });
- // beam added
- var myBeam = new Cesium.GeometryInstance({
- geometry : new Cesium.PolylineGeometry({
- width : 5.0,
- positions : Cesium.Cartesian3.fromDegreesArrayHeights([
- 2.3488000, 48.8534100, 300000.0,
- 18.59058, 54.38783, 50.0
- ]),
- vertexFormat : Cesium.PolylineColorAppearance.VERTEX_FORMAT}),
- attributes : {
- color : Cesium.ColorGeometryInstanceAttribute.fromColor(new Cesium.Color(0.0, 1.0, 0.0, 0.8))
- }
- });
- viewer.scene.primitives.add(new Cesium.Primitive({geometryInstances : myBeam, appearance : new Cesium.PolylineColorAppearance()}));
- viewer.trackedEntity = undefined;
- </script>
- </body>
- </html>
Add Comment
Please, Sign In to add comment