Merge pull request #6615 from likangning93/polylinesOnTerrain

Polylines on terrain via Primitive API
CesiumGS · Jun 13, 2018 · 2d52744 · 2d52744
2 parents 5ead108 + 3ec30e3
commit 2d52744
Show file tree

Hide file tree

Showing 28 changed files with 4,562 additions and 118 deletions.
diff --git a/Apps/Sandcastle/gallery/development/Ground Polyline Material.html b/Apps/Sandcastle/gallery/development/Ground Polyline Material.html
@@ -0,0 +1,100 @@
+<!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 Ground Polylines with different material appearances.">
+    <meta name="cesium-sandcastle-labels" content="Development">
+    <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
+var viewer = new Cesium.Viewer('cesiumContainer', {
+    terrainProvider: Cesium.createWorldTerrain()
+});
+var scene = viewer.scene;
+
+if (!Cesium.GroundPolylinePrimitive.isSupported(scene)) {
+    throw new Cesium.RuntimeError('Polylines on terrain are not supported on this platform.');
+}
+
+// Polyline Glow
+scene.groundPrimitives.add(new Cesium.GroundPolylinePrimitive({
+    geometryInstances : new Cesium.GeometryInstance({
+        geometry : new Cesium.GroundPolylineGeometry({
+            positions : Cesium.Cartesian3.fromDegreesArray([
+                -122.2558, 46.1955,
+                -122.1058, 46.1955
+            ]),
+            width : 10.0
+        })
+    }),
+    appearance : new Cesium.PolylineMaterialAppearance({
+        material : Cesium.Material.fromType(Cesium.Material.PolylineGlowType)
+    })
+}));
+
+// Polyline Dash
+scene.groundPrimitives.add(new Cesium.GroundPolylinePrimitive({
+    geometryInstances : new Cesium.GeometryInstance({
+        geometry : new Cesium.GroundPolylineGeometry({
+            positions : Cesium.Cartesian3.fromDegreesArray([
+                -122.2558, 46.1975,
+                -122.1058, 46.1975
+            ]),
+            width : 10.0
+        })
+    }),
+    appearance : new Cesium.PolylineMaterialAppearance({
+        material : Cesium.Material.fromType(Cesium.Material.PolylineDashType)
+    })
+}));
+
+// Polyline Outline
+scene.groundPrimitives.add(new Cesium.GroundPolylinePrimitive({
+    geometryInstances : new Cesium.GeometryInstance({
+        geometry : new Cesium.GroundPolylineGeometry({
+            positions : Cesium.Cartesian3.fromDegreesArray([
+                -122.2558, 46.1995,
+                -122.1058, 46.1995
+            ]),
+            width : 10.0
+        })
+    }),
+    appearance : new Cesium.PolylineMaterialAppearance({
+        material : Cesium.Material.fromType(Cesium.Material.PolylineOutlineType)
+    })
+}));
+
+viewer.camera.lookAt(Cesium.Cartesian3.fromDegrees(-122.2058, 46.1955, 1000.0), new Cesium.Cartesian3(5000.0, 5000.0, 5000.0));
+viewer.camera.lookAtTransform(Cesium.Matrix4.IDENTITY);
+
+//Sandcastle_End
+    Sandcastle.finishedLoading();
+}
+if (typeof Cesium !== "undefined") {
+    startup(Cesium);
+} else if (typeof require === "function") {
+    require(["Cesium"], startup);
+}
+</script>
+</body>
+</html>
diff --git a/Apps/Sandcastle/gallery/development/Ground Polyline Material.jpg b/Apps/Sandcastle/gallery/development/Ground Polyline Material.jpg