Adding CZML Examples #3050
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,80 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <!-- Use Chrome Frame in IE --> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> | ||
| <meta name="description" content="Basic CZML billboard and label."> | ||
| <meta name="cesium-sandcastle-labels" content="CZML"> | ||
| <title>Cesium Demo</title> | ||
| <script type="text/javascript" src="../Sandcastle-header.js"></script> | ||
| <script type="text/javascript" src="../../../ThirdParty/requirejs-2.1.9/require.js"></script> | ||
| <script type="text/javascript"> | ||
| require.config({ | ||
| baseUrl : '../../../Source', | ||
| waitSeconds : 60 | ||
| }); | ||
| </script> | ||
| </head> | ||
| <body class="sandcastle-loading" data-sandcastle-bucket="bucket-requirejs.html"> | ||
| <style> | ||
| @import url(../templates/bucket.css); | ||
| </style> | ||
| <div id="cesiumContainer" class="fullSize"></div> | ||
| <div id="loadingOverlay"><h1>Loading...</h1></div> | ||
| <div id="toolbar"></div> | ||
|
|
||
| <script id="cesium_sandcastle_script"> | ||
| function startup(Cesium) { | ||
| "use strict"; | ||
| //Sandcastle_Begin | ||
| var czml = [ | ||
| { | ||
| "id" : "document", | ||
| "name" : "Basic CZML billboard and label", | ||
| "version" : "1.0" | ||
| }, { | ||
| "id" : "some-unique-id", | ||
| "name" : "AGI", | ||
| "description" : "<!--HTML-->\r\n<p>\r\nAnalytical Graphics, Inc. (AGI) founded Cesium.\r\n</p>", | ||
| "billboard" : { | ||
| "image" : "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACvSURBVDhPrZDRDcMgDAU9GqN0lIzijw6SUbJJygUeNQgSqepJTyHG91LVVpwDdfxM3T9TSl1EXZvDwii471fivK73cBFFQNTT/d2KoGpfGOpSIkhUpgUMxq9DFEsWv4IXhlyCnhBFnZcFEEuYqbiUlNwWgMTdrZ3JbQFoEVG53rd8ztG9aPJMnBUQf/VFraBJeWnLS0RfjbKyLJA8FkT5seDYS1Qwyv8t0B/5C2ZmH2/eTGNNBgMmAAAAAElFTkSuQmCC", | ||
| "scale" : 1.5 | ||
| }, | ||
| "label" : { | ||
| "fillColor" : { | ||
| "rgba" : [0, 255, 255, 255] | ||
| }, | ||
| "font" : "11pt Lucida Console", | ||
| "horizontalOrigin" : "LEFT", | ||
| "outlineColor" : { | ||
| "rgba":[0, 0, 0, 255] | ||
| }, | ||
| "outlineWidth" : 2, | ||
| "pixelOffset" : { | ||
| "cartesian2" : [12, 0] | ||
| }, | ||
| "style" : "FILL_AND_OUTLINE", | ||
| "text" : "AGI" | ||
| }, | ||
| "position" : { | ||
| "cartesian" : [ | ||
| 1216469.9357990976, -4736121.71856379, 4081386.8856866374 | ||
| ] | ||
| } | ||
| } | ||
| ]; | ||
|
|
||
| var viewer = new Cesium.Viewer('cesiumContainer'); | ||
| viewer.dataSources.add(Cesium.CzmlDataSource.load(czml)); | ||
| //Sandcastle_End | ||
| Sandcastle.finishedLoading(); | ||
| } | ||
| if (typeof Cesium !== "undefined") { | ||
| startup(Cesium); | ||
| } else if (typeof require === "function") { | ||
| require(["Cesium"], startup); | ||
| } | ||
| </script> | ||
| </body> | ||
| </html> | ||
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,123 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <!-- Use Chrome Frame in IE --> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> | ||
| <meta name="description" content="CZML Circles and Ellipses"> | ||
| <meta name="cesium-sandcastle-labels" content="CZML"> | ||
| <title>Cesium Demo</title> | ||
| <script type="text/javascript" src="../Sandcastle-header.js"></script> | ||
| <script type="text/javascript" src="../../../ThirdParty/requirejs-2.1.9/require.js"></script> | ||
| <script type="text/javascript"> | ||
| require.config({ | ||
| baseUrl : '../../../Source', | ||
| waitSeconds : 60 | ||
| }); | ||
| </script> | ||
| </head> | ||
| <body class="sandcastle-loading" data-sandcastle-bucket="bucket-requirejs.html"> | ||
| <style> | ||
| @import url(../templates/bucket.css); | ||
| </style> | ||
| <div id="cesiumContainer" class="fullSize"></div> | ||
| <div id="loadingOverlay"><h1>Loading...</h1></div> | ||
| <div id="toolbar"></div> | ||
|
|
||
| <script id="cesium_sandcastle_script"> | ||
| function startup(Cesium) { | ||
| "use strict"; | ||
| //Sandcastle_Begin | ||
| var czml = [ | ||
| { | ||
| "id" : "document", | ||
| "name" : "CZML Geometries: Circles and Ellipses", | ||
| "version" : "1.0" | ||
| }, | ||
| { | ||
| "id" : "Green circle at height", | ||
|
There was a problem hiding this comment. I think it would be more instructive for the |
||
| name: "Green circle at height", | ||
|
There was a problem hiding this comment. Throughout all examples, please use strict JSON so There was a problem hiding this comment. Ok, I will go through and fix those. Once I do, how do I update the pull request? Thanks, On Tue, Sep 29, 2015 at 11:09 AM, Patrick Cozzi [email protected]
|
||
| "position" : { | ||
| "cartographicDegrees" : [-111.0, 40.0, 150000.0] | ||
| }, | ||
| "ellipse": { | ||
| "semiMinorAxis" : 300000.0, | ||
| "semiMajorAxis" : 300000.0, | ||
| "height": 200000.0, | ||
| "material" : { | ||
| "solidColor": { | ||
| "color": { | ||
| "rgba": [0, 255, 0, 255] | ||
| } | ||
| } | ||
| }, | ||
| "show": true | ||
| } | ||
| }, | ||
| { | ||
| "id" : "Red ellipse on surface", | ||
| name: "Red ellipse on surface", | ||
| "position" : { | ||
| "cartographicDegrees" : [-103.0, 40.0, 0] | ||
| }, | ||
| "ellipse": { | ||
| "semiMinorAxis" : 250000.0, | ||
| "semiMajorAxis" : 400000.0, | ||
| "height": 0, | ||
| "material" : { | ||
| "solidColor": { | ||
| "color": { | ||
| "rgba": [255, 0, 0, 127] | ||
| } | ||
| } | ||
| }, | ||
| "outline": true, | ||
| "outlineColor": { | ||
| rgba: [255,0,0,255] | ||
| }, | ||
| "show": true | ||
|
|
||
| } | ||
| }, { | ||
| "id" : "Blue translucent, rotated, and extruded ellipse with outline", | ||
| name: "lue translucent, rotated, and extruded ellipse with outline", | ||
|
|
||
| "position" : { | ||
| "cartographicDegrees" : [-95.0, 40.0, 100000.0] | ||
| }, | ||
| "ellipse": { | ||
| "semiMinorAxis" : 150000.0, | ||
| "semiMajorAxis" : 300000.0, | ||
| "extrudedHeight" : { | ||
| number: 200000.0 | ||
| }, | ||
| "rotation" : { | ||
| "number": 0.78539 | ||
| }, | ||
| "material" : { | ||
| "solidColor": { | ||
| "color": { | ||
| "rgba": [0, 0, 255, 127] | ||
| } | ||
| } | ||
| }, | ||
| "outline": true, | ||
| "show": true | ||
| } | ||
| } | ||
| ]; | ||
|
|
||
|
|
||
| var viewer = new Cesium.Viewer('cesiumContainer'); | ||
| viewer.dataSources.add(Cesium.CzmlDataSource.load(czml)); | ||
|
|
||
| //Sandcastle_End | ||
| Sandcastle.finishedLoading(); | ||
| } | ||
| if (typeof Cesium !== "undefined") { | ||
| startup(Cesium); | ||
| } else if (typeof require === "function") { | ||
| require(["Cesium"], startup); | ||
| } | ||
| </script> | ||
| </body> | ||
| </html> | ||
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,111 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <!-- Use Chrome Frame in IE --> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> | ||
| <meta name="description" content="CZML Point"> | ||
|
There was a problem hiding this comment. The description is out of sync with the title. Also, |
||
| <meta name="cesium-sandcastle-labels" content="CZML"> | ||
| <title>Cesium Demo</title> | ||
| <script type="text/javascript" src="../Sandcastle-header.js"></script> | ||
| <script type="text/javascript" src="../../../ThirdParty/requirejs-2.1.9/require.js"></script> | ||
| <script type="text/javascript"> | ||
| require.config({ | ||
| baseUrl : '../../../Source', | ||
| waitSeconds : 60 | ||
| }); | ||
| </script> | ||
| </head> | ||
| <body class="sandcastle-loading" data-sandcastle-bucket="bucket-requirejs.html"> | ||
| <style> | ||
| @import url(../templates/bucket.css); | ||
| </style> | ||
| <div id="cesiumContainer" class="fullSize"></div> | ||
| <div id="loadingOverlay"><h1>Loading...</h1></div> | ||
| <div id="toolbar"></div> | ||
|
|
||
| <script id="cesium_sandcastle_script"> | ||
| function startup(Cesium) { | ||
| "use strict"; | ||
| //Sandcastle_Begin | ||
| var czml = [ | ||
| { | ||
| "id" : "document", | ||
| "name" : "CZML Different Coordinate Maps", | ||
| "version" : "1.0" | ||
| }, | ||
| { | ||
| "id" : "point 1", | ||
| name: "point1", | ||
|
There was a problem hiding this comment. Throughout this example, use a more descriptive |
||
| "position" : { | ||
| "cartographicDegrees" : [-111.0, 40.0, 150000.0] | ||
| }, | ||
| "point": { | ||
| "color": { | ||
| rgba: [100,0, 200, 255] | ||
| }, | ||
| "outlineColor": { | ||
| rgba: [200,0, 200, 255] | ||
| }, | ||
| "pixelSize": { | ||
| "number": 10 | ||
| }, | ||
| "show": true | ||
| } | ||
| }, { | ||
| "id" : "point 2", | ||
| name: "point2", | ||
| "position" : { | ||
| "cartesian" : [ | ||
| 1216469.9357990976, -4736121.71856379, 4081386.8856866374 | ||
| ] }, | ||
|
There was a problem hiding this comment. Fix the formatting please. |
||
| "point": { | ||
| "color": { | ||
| rgba: [0,100, 200, 255] | ||
|
There was a problem hiding this comment. Also use consistent spacing: There was a problem hiding this comment. Same spacing comment throughout, e.g., for the |
||
| }, | ||
| "outlineColor": { | ||
| rgba: [200,0, 200, 255] | ||
| }, | ||
| "pixelSize": { | ||
| "number": 10 | ||
| }, | ||
| "show": true | ||
| } | ||
| }, { | ||
| "id" : "point 3", | ||
| name: "point3", | ||
| "position" : { | ||
| "cartographicRadians" : [ | ||
| Math.PI, 3 * Math.PI/4, 150000 | ||
| ] | ||
| }, | ||
| "point": { | ||
| "color": { | ||
| rgba: [10, 200, 10, 255] | ||
| }, | ||
| "outlineColor": { | ||
| rgba: [200,0, 200, 255] | ||
| }, | ||
| "pixelSize": { | ||
| "number": 10 | ||
| }, | ||
| "show": true | ||
| } | ||
| } | ||
| ]; | ||
|
|
||
|
|
||
| var viewer = new Cesium.Viewer('cesiumContainer'); | ||
| viewer.dataSources.add(Cesium.CzmlDataSource.load(czml)); | ||
|
|
||
| //Sandcastle_End | ||
| Sandcastle.finishedLoading(); | ||
| } | ||
| if (typeof Cesium !== "undefined") { | ||
| startup(Cesium); | ||
| } else if (typeof require === "function") { | ||
| require(["Cesium"], startup); | ||
| } | ||
| </script> | ||
| </body> | ||
| </html> | ||
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Can we update
CZML Billboard and Label.jpgso the label is not missing the "A" in "AGI?" Just use Firefox to take the screenshot.