Skip to content

GitLab

Commit 2dbd8f1f authored by Schaaf's avatar Schaaf
Browse files

Initial commit

parents
Hide whitespace changes
Inline Side-by-side
Sandcastle/gallery/Time Dynamic Wheels.html 0 → 100644
View file @ 2dbd8f1f
<!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, maximum-scale=1, minimum-scale=1, user-scalable=no"
/>
<meta
name="description"
content="Dynamically rotate a model's wheels based on its velocity using node transformations."
/>
<meta name="cesium-sandcastle-labels" content="Showcases" />
<title>Cesium Demo</title>
<script type="text/javascript" src="../Sandcastle-header.js"></script>
<script
type="text/javascript"
src="../../../Build/CesiumUnminified/Cesium.js"
nomodule
></script>
<script type="module" src="../load-cesium-es6.js"></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 viewer = new Cesium.Viewer("cesiumContainer", {
shouldAnimate: true,
});
//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;
viewer.timeline.zoomTo(start, stop);
// Create a path for our vehicle by lerping between two positions.
var position = new Cesium.SampledPositionProperty();
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: "../../SampleData/models/GroundVehicle/GroundVehicle.glb",
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);
//Sandcastle_End
Sandcastle.finishedLoading();
}
if (typeof Cesium !== "undefined") {
window.startupCalled = true;
startup(Cesium);
}
</script>
</body>
</html>
Sandcastle/gallery/Video.html 0 → 100644
View file @ 2dbd8f1f
<!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, maximum-scale=1, minimum-scale=1, user-scalable=no"
/>
<meta name="description" content="Use a video element as a material" />
<meta name="cesium-sandcastle-labels" content="Showcases" />
<title>Cesium Demo</title>
<script type="text/javascript" src="../Sandcastle-header.js"></script>
<script
type="text/javascript"
src="../../../Build/CesiumUnminified/Cesium.js"
nomodule
></script>
<script type="module" src="../load-cesium-es6.js"></script>
</head>
<body
class="sandcastle-loading"
data-sandcastle-bucket="bucket-requirejs.html"
>
<style>
@import url(../templates/bucket.css);
#trailer {
position: absolute;
bottom: 75px;
right: 0;
width: 320px;
height: 180px;
}
</style>
<div id="cesiumContainer" class="fullSize"></div>
<div id="loadingOverlay"><h1>Loading...</h1></div>
<div id="toolbar"></div>
<video id="trailer" muted autoplay loop crossorigin controls>
<source
src="https://sandcastle.cesium.com/SampleData/videos/big-buck-bunny_trailer.webm"
type="video/webm"
/>
<source
src="https://sandcastle.cesium.com/SampleData/videos/big-buck-bunny_trailer.mp4"
type="video/mp4"
/>
<source
src="https://sandcastle.cesium.com/SampleData/videos/big-buck-bunny_trailer.mov"
type="video/quicktime"
/>
Your browser does not support the <code>video</code> element.
</video>
<script id="cesium_sandcastle_script">
function startup(Cesium) {
"use strict";
//Sandcastle_Begin
var viewer = new Cesium.Viewer("cesiumContainer", {
showRenderLoopErrors: false,
shouldAnimate: true,
});
var videoElement = document.getElementById("trailer");
var sphere = viewer.entities.add({
position: Cesium.Cartesian3.fromDegrees(-79, 39, 1000),
ellipsoid: {
radii: new Cesium.Cartesian3(1000, 1000, 1000),
material: videoElement,
},
});
viewer.trackedEntity = sphere;
var synchronizer;
Sandcastle.addToggleButton("Clock synchronization", false, function (
checked
) {
// By default, the video plays normally and simply shows
// whatever frame the video is currently on.
// We can synchronize the video with the scene clock
// using a VideoSynchronizer.
if (Cesium.defined(synchronizer)) {
synchronizer = synchronizer.destroy();
videoElement.playbackRate = 1.0;
return;
}
synchronizer = new Cesium.VideoSynchronizer({
clock: viewer.clock,
element: videoElement,
});
});
// Since it's just an image material, we can modify the number
// of times the video repeats in each direction..
var isRepeating = true;
Sandcastle.addToggleButton("Image Repeat", isRepeating, function (
checked
) {
isRepeating = checked;
});
sphere.ellipsoid.material.repeat = new Cesium.CallbackProperty(
function (time, result) {
if (!Cesium.defined(result)) {
result = new Cesium.Cartesian2();
}
if (isRepeating) {
result.x = 8;
result.y = 8;
} else {
result.x = 1;
result.y = 1;
}
return result;
},
false
);
// Like Image, the video element doesn't have to be part of the DOM or
// otherwise on the screen to be used as a texture.
Sandcastle.addToggleButton("Video Overlay", true, function (checked) {
if (checked) {
videoElement.style.display = "";
} else {
videoElement.style.display = "none";
}
});
// Older browsers do not support WebGL video textures,
// put up a friendly error message indicating such.
viewer.scene.renderError.addEventListener(function () {
if (!videoElement.paused) {
videoElement.pause();
}
viewer.cesiumWidget.showErrorPanel(
"This browser does not support cross-origin WebGL video textures.",
"",
""
);
});
//Sandcastle_End
Sandcastle.finishedLoading();
}
if (typeof Cesium !== "undefined") {
window.startupCalled = true;
startup(Cesium);
}
</script>
</body>
</html>
Sandcastle/gallery/Wall.html 0 → 100644
View file @ 2dbd8f1f
<!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, maximum-scale=1, minimum-scale=1, user-scalable=no"
/>
<meta name="description" content="Draw a wall on the globe surface." />
<meta name="cesium-sandcastle-labels" content="Geometries" />
<title>Cesium Demo</title>
<script type="text/javascript" src="../Sandcastle-header.js"></script>
<script
type="text/javascript"
src="../../../Build/CesiumUnminified/Cesium.js"
nomodule
></script>
<script type="module" src="../load-cesium-es6.js"></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 viewer = new Cesium.Viewer("cesiumContainer");
var redWall = viewer.entities.add({
name: "Red wall at height",
wall: {
positions: Cesium.Cartesian3.fromDegreesArrayHeights([
-115.0,
44.0,
200000.0,
-90.0,
44.0,
200000.0,
]),
minimumHeights: [100000.0, 100000.0],
material: Cesium.Color.RED,
},
});
var greenWall = viewer.entities.add({
name: "Green wall from surface with outline",
wall: {
positions: Cesium.Cartesian3.fromDegreesArrayHeights([
-107.0,
43.0,
100000.0,
-97.0,
43.0,
100000.0,
-97.0,
40.0,
100000.0,
-107.0,
40.0,
100000.0,
-107.0,
43.0,
100000.0,
]),
material: Cesium.Color.GREEN,
outline: true,
},
});
var blueWall = viewer.entities.add({
name: "Blue wall with sawtooth heights and outline",
wall: {
positions: Cesium.Cartesian3.fromDegreesArray([
-115.0,
50.0,
-112.5,
50.0,
-110.0,
50.0,
-107.5,
50.0,
-105.0,
50.0,
-102.5,
50.0,
-100.0,
50.0,
-97.5,
50.0,
-95.0,
50.0,
-92.5,
50.0,
-90.0,
50.0,
]),
maximumHeights: [
100000,
200000,
100000,
200000,
100000,
200000,
100000,
200000,
100000,
200000,
100000,
],
minimumHeights: [
0,
100000,
0,
100000,
0,
100000,
0,
100000,
0,
100000,
0,
],
material: Cesium.Color.BLUE.withAlpha(0.5),
outline: true,
outlineColor: Cesium.Color.BLACK,
},
});
viewer.zoomTo(viewer.entities);
//Sandcastle_End
Sandcastle.finishedLoading();
}
if (typeof Cesium !== "undefined") {
window.startupCalled = true;
startup(Cesium);
}
</script>
</body>
</html>
Sandcastle/gallery/Washington DC 2017.html 0 → 100644
View file @ 2dbd8f1f
<!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, maximum-scale=1, minimum-scale=1, user-scalable=no"
/>
<meta
name="description"
content="3 inch/0.08 meter pixel resolution imagery of the District of Columbia. Hosted by Cesium ion"
/>
<meta name="cesium-sandcastle-labels" content="ion Assets" />
<title>Cesium Demo</title>
<script type="text/javascript" src="../Sandcastle-header.js"></script>
<script
type="text/javascript"
src="../../../Build/CesiumUnminified/Cesium.js"
nomodule
></script>
<script type="module" src="../load-cesium-es6.js"></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
// 3 inch (0.08m) resolution imagery of Washington DC collected in 2017
var viewer = new Cesium.Viewer("cesiumContainer");
var imageryLayer = viewer.imageryLayers.addImageryProvider(
new Cesium.IonImageryProvider({ assetId: 3827 })
);
viewer.flyTo(imageryLayer);
//Sandcastle_End
Sandcastle.finishedLoading();
}
if (typeof Cesium !== "undefined") {
window.startupCalled = true;
startup(Cesium);
}
</script>
</body>
</html>
Sandcastle/gallery/Web Map Service (WMS).html 0 → 100644
View file @ 2dbd8f1f
<!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, maximum-scale=1, minimum-scale=1, user-scalable=no"
/>
<meta
name="description"
content="Add imagery from a Web Map Service (WMS) server."
/>
<meta name="cesium-sandcastle-labels" content="Beginner" />
<title>Cesium Demo</title>
<script type="text/javascript" src="../Sandcastle-header.js"></script>
<script
type="text/javascript"
src="../../../Build/CesiumUnminified/Cesium.js"
nomodule
></script>
<script type="module" src="../load-cesium-es6.js"></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 viewer = new Cesium.Viewer("cesiumContainer");
// Add a WMS imagery layer
var imageryLayers = viewer.imageryLayers;
imageryLayers.addImageryProvider(
new Cesium.WebMapServiceImageryProvider({
url:
"https://nationalmap.gov.au/proxy/http://geoserver.nationalmap.nicta.com.au/geotopo_250k/ows",
layers: "Hydrography:bores",
parameters: {
transparent: true,
format: "image/png",
},
})
);
// Start off looking at Australia.
viewer.camera.setView({
destination: Cesium.Rectangle.fromDegrees(
114.591,
-45.837,
148.97,
-5.73
),
}); //Sandcastle_End
Sandcastle.finishedLoading();
}
if (typeof Cesium !== "undefined") {
window.startupCalled = true;
startup(Cesium);
}
</script>
</body>
</html>
Sandcastle/gallery/Web Map Tile Service with Time.html 0 → 100644
View file @ 2dbd8f1f
<!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, maximum-scale=1, minimum-scale=1, user-scalable=no"
/>
<meta
name="description"
content="Use Viewer to start building new applications or easily embed Cesium into existing applications."
/>
<meta name="cesium-sandcastle-labels" content="Beginner, Showcases" />
<title>Cesium Demo</title>
<script type="text/javascript" src="../Sandcastle-header.js"></script>
<script
type="text/javascript"
src="../../../Build/CesiumUnminified/Cesium.js"
nomodule
></script>
<script type="module" src="../load-cesium-es6.js"></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 viewer = new Cesium.Viewer("cesiumContainer", {
shouldAnimate: true,
});
function dataCallback(interval, index) {
var time;
if (index === 0) {
// leading
time = Cesium.JulianDate.toIso8601(interval.stop);
} else {
time = Cesium.JulianDate.toIso8601(interval.start);
}
return {
Time: time,
};
}
var times = Cesium.TimeIntervalCollection.fromIso8601({
iso8601: "2015-07-30/2017-06-16/P1D",
leadingInterval: true,
trailingInterval: true,
isStopIncluded: false, // We want stop time to be part of the trailing interval
dataCallback: dataCallback,
});
// Add a WMTS imagery layer.
// This comes from NASA's GIBS API.
// See https://wiki.earthdata.nasa.gov/display/GIBS/GIBS+API+for+Developers#GIBSAPIforDevelopers-OGCWebMapService(WMS)
var provider = new Cesium.WebMapTileServiceImageryProvider({
url:
"https://gibs.earthdata.nasa.gov/wmts/epsg4326/best/MODIS_Terra_CorrectedReflectance_TrueColor/default/{Time}/{TileMatrixSet}/{TileMatrix}/{TileRow}/{TileCol}.jpg",
layer: "MODIS_Terra_CorrectedReflectance_TrueColor",
style: "default",
tileMatrixSetID: "250m",
maximumLevel: 5,
format: "image/jpeg",
clock: viewer.clock,
times: times,
credit: "NASA Global Imagery Browse Services for EOSDIS",
});
var imageryLayers = viewer.imageryLayers;
var layer = imageryLayers.addImageryProvider(provider);
provider.readyPromise.then(function () {
var start = Cesium.JulianDate.fromIso8601("2015-07-30");
var stop = Cesium.JulianDate.fromIso8601("2017-06-17");
viewer.timeline.zoomTo(start, stop);
var clock = viewer.clock;
clock.startTime = start;
clock.stopTime = stop;
clock.currentTime = start;
clock.clockRange = Cesium.ClockRange.LOOP_STOP;
clock.multiplier = 7200;
// Make the weather layer semi-transparent to see the underlying geography.
layer.alpha = 0.5;
});
//Sandcastle_End
Sandcastle.finishedLoading();
}
if (typeof Cesium !== "undefined") {
window.startupCalled = true;
startup(Cesium);
}
</script>
</body>
</html>
Sandcastle/gallery/Z-Indexing Geometry.html 0 → 100644
View file @ 2dbd8f1f
<!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, maximum-scale=1, minimum-scale=1, user-scalable=no"
/>
<meta
name="description"
content="Draw a rectangle or extruded rectangle that conforms to the surface of the globe."
/>
<meta name="cesium-sandcastle-labels" content="Geometries" />
<title>Cesium Demo</title>
<script type="text/javascript" src="../Sandcastle-header.js"></script>
<script
type="text/javascript"
src="../../../Build/CesiumUnminified/Cesium.js"
nomodule
></script>
<script type="module" src="../load-cesium-es6.js"></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 viewer = new Cesium.Viewer("cesiumContainer");
viewer.entities.add({
id: "Red rectangle, zIndex 1",
rectangle: {
coordinates: Cesium.Rectangle.fromDegrees(
-110.0,
20.0,
-100.5,
30.0
),
material: Cesium.Color.RED,
zIndex: 1,
},
});
viewer.entities.add({
id: "Textured rectangle, zIndex 2",
rectangle: {
coordinates: Cesium.Rectangle.fromDegrees(
-112.0,
25.0,
-102.5,
35.0
),
material: "../images/Cesium_Logo_Color.jpg",
zIndex: 2,
},
});
viewer.entities.add({
id: "Blue rectangle, zIndex 3",
rectangle: {
coordinates: Cesium.Rectangle.fromDegrees(
-110.0,
31.0,
-100.5,
41.0
),
material: Cesium.Color.BLUE,
zIndex: 3,
},
});
viewer.entities.add({
id: "Textured rectangle, zIndex 3",
rectangle: {
coordinates: Cesium.Rectangle.fromDegrees(-99.5, 20.0, -90.0, 30.0),
material: "../images/Cesium_Logo_Color.jpg",
zIndex: 3,
},
});
viewer.entities.add({
id: "Green rectangle, zIndex 2",
rectangle: {
coordinates: Cesium.Rectangle.fromDegrees(-97.5, 25.0, -88.0, 35.0),
material: Cesium.Color.GREEN,
zIndex: 2,
},
});
viewer.entities.add({
id: "Blue rectangle, zIndex 1",
rectangle: {
coordinates: Cesium.Rectangle.fromDegrees(-99.5, 31.0, -90.0, 41.0),
material: Cesium.Color.BLUE,
zIndex: 1,
},
});
if (!Cesium.Entity.supportsPolylinesOnTerrain(viewer.scene)) {
window.alert(
"Polylines on terrain are not supported on this platform, Z-index will be ignored"
);
}
if (
!Cesium.Entity.supportsMaterialsforEntitiesOnTerrain(viewer.scene)
) {
window.alert(
"Textured materials on terrain polygons are not supported on this platform, Z-index will be ignored"
);
}
viewer.entities.add({
id: "Polyline, zIndex 2",
polyline: {
positions: Cesium.Cartesian3.fromDegreesArray([
-120.0,
22.0,
-80.0,
22.0,
]),
width: 8.0,
material: new Cesium.PolylineGlowMaterialProperty({
glowPower: 0.2,
color: Cesium.Color.BLUE,
}),
zIndex: 2,
clampToGround: true,
},
});
viewer.zoomTo(viewer.entities);
//Sandcastle_End
Sandcastle.finishedLoading();
}
if (typeof Cesium !== "undefined") {
window.startupCalled = true;
startup(Cesium);
}
</script>
</body>
</html>
Sandcastle/gallery/gallery-index.js 0 → 100644
View file @ 2dbd8f1f
// This file is automatically rebuilt by the Cesium build process.
var hello_world_index = 91;
var VERSION = '1.69';
var gallery_demos = [{
"name": "3D Models",
"isNew": false,
"img": "3D Models.jpg"
}, {
"name": "3D Models Coloring",
"isNew": false,
"img": "3D Models Coloring.jpg"
}, {
"name": "3D Tiles Adjust Height",
"isNew": false,
"img": "3D Tiles Adjust Height.jpg"
}, {
"name": "3D Tiles BIM",
"isNew": false,
"img": "3D Tiles BIM.jpg"
}, {
"name": "3D Tiles Batch Table Hierarchy",
"isNew": false,
"img": "3D Tiles Batch Table Hierarchy.jpg"
}, {
"name": "3D Tiles Clipping Planes",
"isNew": false,
"img": "3D Tiles Clipping Planes.jpg"
}, {
"name": "3D Tiles Feature Picking",
"isNew": false,
"img": "3D Tiles Feature Picking.jpg"
}, {
"name": "3D Tiles Feature Styling",
"isNew": false,
"img": "3D Tiles Feature Styling.jpg"
}, {
"name": "3D Tiles Formats",
"isNew": false,
"img": "3D Tiles Formats.jpg"
}, {
"name": "3D Tiles Inspector",
"isNew": false,
"img": "3D Tiles Inspector.jpg"
}, {
"name": "3D Tiles Interactivity",
"isNew": false,
"img": "3D Tiles Interactivity.jpg"
}, {
"name": "3D Tiles Interior",
"isNew": false,
"img": "3D Tiles Interior.jpg"
}, {
"name": "3D Tiles Photogrammetry",
"isNew": false,
"img": "3D Tiles Photogrammetry.jpg"
}, {
"name": "3D Tiles Photogrammetry Classification",
"isNew": false,
"img": "3D Tiles Photogrammetry Classification.jpg"
}, {
"name": "3D Tiles Point Cloud",
"isNew": false,
"img": "3D Tiles Point Cloud.jpg"
}, {
"name": "3D Tiles Point Cloud Classification",
"isNew": false,
"img": "3D Tiles Point Cloud Classification.jpg"
}, {
"name": "3D Tiles Point Cloud Shading",
"isNew": false,
"img": "3D Tiles Point Cloud Shading.jpg"
}, {
"name": "3D Tiles Point Cloud Styling",
"isNew": false,
"img": "3D Tiles Point Cloud Styling.jpg"
}, {
"name": "3D Tiles Terrain Classification",
"isNew": false,
"img": "3D Tiles Terrain Classification.jpg"
}, {
"name": "Ambient Occlusion",
"isNew": false,
"img": "Ambient Occlusion.jpg"
}, {
"name": "ArcGIS MapServer",
"isNew": false,
"img": "ArcGIS MapServer.jpg"
}, {
"name": "ArcGIS Tiled Elevation Terrain",
"isNew": false,
"img": "ArcGIS Tiled Elevation Terrain.jpg"
}, {
"name": "ArcticDEM",
"isNew": false,
"img": "ArcticDEM.jpg"
}, {
"name": "Billboards",
"isNew": false,
"img": "Billboards.jpg"
}, {
"name": "Bloom",
"isNew": false,
"img": "Bloom.jpg"
}, {
"name": "Blue Marble",
"isNew": false,
"img": "Blue Marble.jpg"
}, {
"name": "Box",
"isNew": false,
"img": "Box.jpg"
}, {
"name": "CZML",
"isNew": false,
"img": "CZML.jpg"
}, {
"name": "CZML 3D Tiles",
"isNew": false,
"img": "CZML 3D Tiles.jpg"
}, {
"name": "CZML Billboard and Label",
"isNew": false,
"img": "CZML Billboard and Label.jpg"
}, {
"name": "CZML Box",
"isNew": false,
"img": "CZML Box.jpg"
}, {
"name": "CZML Circles and Ellipses",
"isNew": false,
"img": "CZML Circles and Ellipses.jpg"
}, {
"name": "CZML Colors",
"isNew": false,
"img": "CZML Colors.jpg"
}, {
"name": "CZML Cones and Cylinders",
"isNew": false,
"img": "CZML Cones and Cylinders.jpg"
}, {
"name": "CZML Corridor",
"isNew": false,
"img": "CZML Corridor.jpg"
}, {
"name": "CZML Custom Properties",
"isNew": false,
"img": "CZML Custom Properties.jpg"
}, {
"name": "CZML Model",
"isNew": false,
"img": "CZML Model.jpg"
}, {
"name": "CZML Model - Node Transformations",
"isNew": false,
"img": "CZML Model - Node Transformations.jpg"
}, {
"name": "CZML Model Articulations",
"isNew": false,
"img": "CZML Model Articulations.jpg"
}, {
"name": "CZML Model Data URL",
"isNew": false,
"img": "CZML Model Data URL.jpg"
}, {
"name": "CZML Path",
"isNew": false,
"img": "CZML Path.jpg"
}, {
"name": "CZML Point",
"isNew": false,
"img": "CZML Point.jpg"
}, {
"name": "CZML Point - Time Dynamic",
"isNew": false,
"img": "CZML Point - Time Dynamic.jpg"
}, {
"name": "CZML Polygon",
"isNew": false,
"img": "CZML Polygon.jpg"
}, {
"name": "CZML Polygon - Interpolating References",
"isNew": false,
"img": "CZML Polygon - Interpolating References.jpg"
}, {
"name": "CZML Polygon - Intervals, Availability",
"isNew": false,
"img": "CZML Polygon - Intervals, Availability.jpg"
}, {
"name": "CZML Polyline",
"isNew": false,
"img": "CZML Polyline.jpg"
}, {
"name": "CZML Position Definitions",
"isNew": false,
"img": "CZML Position Definitions.jpg"
}, {
"name": "CZML Rectangle",
"isNew": false,
"img": "CZML Rectangle.jpg"
}, {
"name": "CZML Reference Properties",
"isNew": false,
"img": "CZML Reference Properties.jpg"
}, {
"name": "CZML Spheres and Ellipsoids",
"isNew": false,
"img": "CZML Spheres and Ellipsoids.jpg"
}, {
"name": "CZML Wall",
"isNew": false,
"img": "CZML Wall.jpg"
}, {
"name": "CZML ZIndex",
"isNew": false,
"img": "CZML ZIndex.jpg"
}, {
"name": "Callback Property",
"isNew": false,
"img": "Callback Property.jpg"
}, {
"name": "Camera",
"isNew": false,
"img": "Camera.jpg"
}, {
"name": "Camera Tutorial",
"isNew": false,
"img": "Camera Tutorial.jpg"
}, {
"name": "Cardboard",
"isNew": false,
"img": "Cardboard.jpg"
}, {
"name": "Cartographic Limit Rectangle",
"isNew": false,
"img": "Cartographic Limit Rectangle.jpg"
}, {
"name": "Cesium Inspector",
"isNew": false,
"img": "Cesium Inspector.jpg"
}, {
"name": "Cesium Widget",
"isNew": false,
"img": "Cesium Widget.jpg"
}, {
"name": "Cesium World Terrain",
"isNew": false,
"img": "Cesium World Terrain.jpg"
}, {
"name": "Circles and Ellipses",
"isNew": false,
"img": "Circles and Ellipses.jpg"
}, {
"name": "Clamp to 3D Model",
"isNew": false,
"img": "Clamp to 3D Model.jpg"
}, {
"name": "Clamp to 3D Tiles",
"isNew": false,
"img": "Clamp to 3D Tiles.jpg"
}, {
"name": "Clamp to Terrain",
"isNew": false,
"img": "Clamp to Terrain.jpg"
}, {
"name": "Classification",
"isNew": false,
"img": "Classification.jpg"
}, {
"name": "Classification Types",
"isNew": false,
"img": "Classification Types.jpg"
}, {
"name": "Clock",
"isNew": false,
"img": "Clock.jpg"
}, {
"name": "Clustering",
"isNew": false,
"img": "Clustering.jpg"
}, {
"name": "Corridor",
"isNew": false,
"img": "Corridor.jpg"
}, {
"name": "Custom DataSource",
"isNew": false,
"img": "Custom DataSource.jpg"
}, {
"name": "Custom Geocoder",
"isNew": false,
"img": "Custom Geocoder.jpg"
}, {
"name": "Custom Per-Feature Post Process",
"isNew": false,
"img": "Custom Per-Feature Post Process.jpg"
}, {
"name": "Custom Post Process",
"isNew": false,
"img": "Custom Post Process.jpg"
}, {
"name": "Cylinders and Cones",
"isNew": false,
"img": "Cylinders and Cones.jpg"
}, {
"name": "DataSource Ordering",
"isNew": false,
"img": "DataSource Ordering.jpg"
}, {
"name": "Depth of Field",
"isNew": false,
"img": "Depth of Field.jpg"
}, {
"name": "Distance Display Conditions",
"isNew": false,
"img": "Distance Display Conditions.jpg"
}, {
"name": "Drawing on Terrain",
"isNew": false,
"img": "Drawing on Terrain.jpg"
}, {
"name": "Earth at Night",
"isNew": false,
"img": "Earth at Night.jpg"
}, {
"name": "Export KML",
"isNew": false,
"img": "Export KML.jpg"
}, {
"name": "FXAA",
"isNew": false,
"img": "FXAA.jpg"
}, {
"name": "GeoJSON and TopoJSON",
"isNew": false,
"img": "GeoJSON and TopoJSON.jpg"
}, {
"name": "GeoJSON simplestyle",
"isNew": false,
"img": "GeoJSON simplestyle.jpg"
}, {
"name": "Geometry Height Reference",
"isNew": false,
"img": "Geometry Height Reference.jpg"
}, {
"name": "Geometry and Appearances",
"isNew": false,
"img": "Geometry and Appearances.jpg"
}, {
"name": "Globe Materials",
"isNew": false,
"img": "Globe Materials.jpg"
}, {
"name": "Google Earth Enterprise",
"isNew": false,
"img": "Google Earth Enterprise.jpg"
}, {
"name": "Ground Atmosphere",
"isNew": false,
"img": "Ground Atmosphere.jpg"
}, {
"name": "HTML Overlays",
"isNew": false,
"img": "HTML Overlays.jpg"
}, {
"name": "HeadingPitchRoll",
"isNew": false,
"img": "HeadingPitchRoll.jpg"
}, {
"name": "Hello World",
"isNew": false,
"img": "Hello World.jpg"
}, {
"name": "High Dynamic Range",
"isNew": false,
"img": "High Dynamic Range.jpg"
}, {
"name": "Image-Based Lighting",
"isNew": false,
"img": "Image-Based Lighting.jpg"
}, {
"name": "Imagery Adjustment",
"isNew": false,
"img": "Imagery Adjustment.jpg"
}, {
"name": "Imagery Color To Alpha",
"isNew": false,
"img": "Imagery Color To Alpha.jpg"
}, {
"name": "Imagery Cutout",
"isNew": false,
"img": "Imagery Cutout.jpg"
}, {
"name": "Imagery Layers",
"isNew": false,
"img": "Imagery Layers.jpg"
}, {
"name": "Imagery Layers Manipulation",
"isNew": false,
"img": "Imagery Layers Manipulation.jpg"
}, {
"name": "Imagery Layers Split",
"isNew": false,
"img": "Imagery Layers Split.jpg"
}, {
"name": "Imagery Layers Texture Filters",
"isNew": false,
"img": "Imagery Layers Texture Filters.jpg"
}, {
"name": "Interpolation",
"isNew": false,
"img": "Interpolation.jpg"
}, {
"name": "KML",
"isNew": false,
"img": "KML.jpg"
}, {
"name": "KML Tours",
"isNew": false,
"img": "KML Tours.jpg"
}, {
"name": "Labels",
"isNew": false,
"img": "Labels.jpg"
}, {
"name": "LensFlare",
"isNew": false,
"img": "LensFlare.jpg"
}, {
"name": "Lighting",
"isNew": false,
"img": "Lighting.jpg"
}, {
"name": "LocalToFixedFrame",
"isNew": false,
"img": "LocalToFixedFrame.jpg"
}, {
"name": "Map Pins",
"isNew": false,
"img": "Map Pins.jpg"
}, {
"name": "Materials",
"isNew": false,
"img": "Materials.jpg"
}, {
"name": "Montreal Point Cloud",
"isNew": false,
"img": "Montreal Point Cloud.jpg"
}, {
"name": "Multi-part CZML",
"isNew": false,
"img": "Multi-part CZML.jpg"
}, {
"name": "Multiple Synced Views",
"isNew": false,
"img": "Multiple Synced Views.jpg"
}, {
"name": "Natural Earth II",
"isNew": false,
"img": "Natural Earth II.jpg"
}, {
"name": "Offline",
"isNew": false,
"img": "Offline.jpg"
}, {
"name": "PAMAP Terrain",
"isNew": false,
"img": "PAMAP Terrain.jpg"
}, {
"name": "Parallels and Meridians",
"isNew": true,
"img": "Parallels and Meridians.jpg"
}, {
"name": "Partial Ellipsoids",
"isNew": false,
"img": "Partial Ellipsoids.jpg"
}, {
"name": "Particle System",
"isNew": false,
"img": "Particle System.jpg"
}, {
"name": "Particle System Fireworks",
"isNew": false,
"img": "Particle System Fireworks.jpg"
}, {
"name": "Particle System Tails",
"isNew": false,
"img": "Particle System Tails.jpg"
}, {
"name": "Particle System Weather",
"isNew": false,
"img": "Particle System Weather.jpg"
}, {
"name": "Per-Feature Post Processing",
"isNew": false,
"img": "Per-Feature Post Processing.jpg"
}, {
"name": "Physically-Based Materials",
"isNew": false,
"img": "Physically-Based Materials.jpg"
}, {
"name": "Picking",
"isNew": false,
"img": "Picking.jpg"
}, {
"name": "Plane",
"isNew": false,
"img": "Plane.jpg"
}, {
"name": "Points",
"isNew": false,
"img": "Points.jpg"
}, {
"name": "Polygon",
"isNew": false,
"img": "Polygon.jpg"
}, {
"name": "Polyline",
"isNew": false,
"img": "Polyline.jpg"
}, {
"name": "Polyline Dash",
"isNew": false,
"img": "Polyline Dash.jpg"
}, {
"name": "Polyline Volume",
"isNew": false,
"img": "Polyline Volume.jpg"
}, {
"name": "Polylines on 3D Tiles",
"isNew": false,
"img": "Polylines on 3D Tiles.jpg"
}, {
"name": "Post Processing",
"isNew": false,
"img": "Post Processing.jpg"
}, {
"name": "Projection",
"isNew": false,
"img": "Projection.jpg"
}, {
"name": "Rectangle",
"isNew": false,
"img": "Rectangle.jpg"
}, {
"name": "Resolution Scaling",
"isNew": false,
"img": "Resolution Scaling.jpg"
}, {
"name": "Rotatable 2D Map",
"isNew": false,
"img": "Rotatable 2D Map.jpg"
}, {
"name": "Sample Height from 3D Tiles",
"isNew": false,
"img": "Sample Height from 3D Tiles.jpg"
}, {
"name": "Scene Rendering Performance",
"isNew": false,
"img": "Scene Rendering Performance.jpg"
}, {
"name": "Sentinel-2",
"isNew": false,
"img": "Sentinel-2.jpg"
}, {
"name": "Shadows",
"isNew": false,
"img": "Shadows.jpg"
}, {
"name": "Show or Hide Entities",
"isNew": false,
"img": "Show or Hide Entities.jpg"
}, {
"name": "Sky Atmosphere",
"isNew": false,
"img": "Sky Atmosphere.jpg"
}, {
"name": "Spheres and Ellipsoids",
"isNew": false,
"img": "Spheres and Ellipsoids.jpg"
}, {
"name": "Star Burst",
"isNew": false,
"img": "Star Burst.jpg"
}, {
"name": "Terrain",
"isNew": false,
"img": "Terrain.jpg"
}, {
"name": "Terrain Clipping Planes",
"isNew": false,
"img": "Terrain Clipping Planes.jpg"
}, {
"name": "Terrain Exaggeration",
"isNew": false,
"img": "Terrain Exaggeration.jpg"
}, {
"name": "Time Dynamic Point Cloud",
"isNew": false,
"img": "Time Dynamic Point Cloud.jpg"
}, {
"name": "Time Dynamic Wheels",
"isNew": false,
"img": "Time Dynamic Wheels.jpg"
}, {
"name": "Video",
"isNew": false,
"img": "Video.jpg"
}, {
"name": "Wall",
"isNew": false,
"img": "Wall.jpg"
}, {
"name": "Washington DC 2017",
"isNew": false,
"img": "Washington DC 2017.jpg"
}, {
"name": "Web Map Service (WMS)",
"isNew": false,
"img": "Web Map Service (WMS).jpg"
}, {
"name": "Web Map Tile Service with Time",
"isNew": false,
"img": "Web Map Tile Service with Time.jpg"
}, {
"name": "Z-Indexing Geometry",
"isNew": false,
"img": "Z-Indexing Geometry.jpg"
}];
var has_new_gallery_demos = true;
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal