DSDSWeb/static/js/Cesium-1.53/Apps/Sandcastle/gallery/PAMAP Terrain.html

111 lines
3.7 KiB
HTML

<!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="High resolution terrain of Pennsylvania curated by PASDA and hosted on 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="../../../ThirdParty/requirejs-2.1.20/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
// High resolution terrain of Pennsylvania curated by Pennsylvania Spatial Data Access (PASDA)
// http://www.pasda.psu.edu/
var viewer = new Cesium.Viewer('cesiumContainer', {
terrainProvider: new Cesium.CesiumTerrainProvider({
url: Cesium.IonResource.fromAssetId(3957)
})
});
// Add PA locations
Sandcastle.addDefaultToolbarMenu([{
text : 'Pinnacle',
onselect : function() {
viewer.scene.camera.flyTo({
destination : Cesium.Cartesian3.fromRadians(-1.3324415110874286, 0.6954224325279967, 236.6770689945084),
orientation : {
heading : Cesium.Math.toRadians(310),
pitch : Cesium.Math.toRadians(-15),
roll : 0.0
}
});
}
}, {
text : 'Mount Nittany',
onselect : function() {
viewer.scene.camera.flyTo({
destination : Cesium.Cartesian3.fromRadians(-1.358985133937573, 0.7123252393978314, 451.05748252867375),
orientation : {
heading : Cesium.Math.toRadians(85),
pitch : Cesium.Math.toRadians(0),
roll : 0.0
}
});
}
}, {
text : 'Horseshoe Curve',
onselect : function() {
viewer.scene.camera.flyTo({
destination : Cesium.Cartesian3.fromRadians(-1.3700147546199826, 0.706808606166025, 993.7916313325215),
orientation : {
heading : Cesium.Math.toRadians(90),
pitch : Cesium.Math.toRadians(-15),
roll : 0.0
}
});
}
}, {
text : 'Jim Thorpe',
onselect : function() {
viewer.scene.camera.flyTo({
destination : Cesium.Cartesian3.fromRadians(-1.3218297501066052, 0.713358272291525, 240.87968743408845),
orientation : {
heading : Cesium.Math.toRadians(200),
pitch : Cesium.Math.toRadians(-5),
roll : 0.0
}
});
}
}, {
text : 'Grand Canyon of PA',
onselect : function() {
viewer.scene.camera.flyTo({
destination : Cesium.Cartesian3.fromRadians(-1.349379633251472, 0.720297672225785, 656.268309953562),
orientation : {
heading : Cesium.Math.toRadians(200),
pitch : Cesium.Math.toRadians(-5),
roll : 0.0
}
});
}
}], 'toolbar');
//Sandcastle_End
Sandcastle.finishedLoading();
}
if (typeof Cesium !== 'undefined') {
startup(Cesium);
} else if (typeof require === 'function') {
require(['Cesium'], startup);
}
</script>
</body>
</html>