Add Scene Layer Points sample

kellyhutchins · Jun 1, 2017 · 111d262 · 111d262
1 parent 23f0152
commit 111d262
Show file tree

Hide file tree

Showing 11 changed files with 10,378 additions and 0 deletions.
diff --git a/SceneLayerPoints/app/main.js b/SceneLayerPoints/app/main.js
diff --git a/SceneLayerPoints/app/main.js.map b/SceneLayerPoints/app/main.js.map
diff --git a/SceneLayerPoints/app/main.ts b/SceneLayerPoints/app/main.ts
@@ -0,0 +1,55 @@
+import Map = require("esri/Map");
+import SceneView = require("esri/views/SceneView");
+import SceneLayer = require("esri/layers/SceneLayer");
+
+import SimpleRenderer = require("esri/renderers/SimpleRenderer");
+import PointSymbol3D = require("esri/symbols/PointSymbol3D");
+import IconSymbol3DLayer = require("esri/symbols/IconSymbol3DLayer");
+
+
+const renderer = new SimpleRenderer({
+    symbol: new PointSymbol3D({
+        symbolLayers: [new IconSymbol3DLayer()]
+    }),
+    visualVariables: [{
+        // size each icon based on the airport's elevation
+        type: "size",
+        field: "elevation_ft",
+        stops: [{
+            value: 0,
+            size: 2
+        }, {
+            value: 15000,
+            size: 35
+        }]
+    }, {
+        // shade each airport a different color based on its type
+        type: "color",
+        field: "type_airport",
+        stops: [{
+            value: 1,
+            color: [252, 12, 245]
+        }, {
+            value: 3,
+            color: [83, 0, 244]
+        }, {
+            value: 7,
+            color: [4, 245, 248]
+        }]
+    }]
+});
+
+const sceneLayer = new SceneLayer({
+    url: "http://tiles.arcgis.com/tiles/V6ZHFr6zdgNZuVG0/arcgis/rest/services/Airports_PointSceneLayer/SceneServer/layers/0",
+    renderer: renderer
+});
+
+const map = new Map({
+    basemap: "dark-gray",
+    layers: [sceneLayer]
+});
+
+const view = new SceneView({
+    map: map,
+    container: "viewDiv"
+});
diff --git a/SceneLayerPoints/css/main.css b/SceneLayerPoints/css/main.css
@@ -0,0 +1,5 @@
+html, body, #viewDiv{
+padding:0;
+margin:0;
+height:100%;
+width:100%;}
diff --git a/SceneLayerPoints/index.html b/SceneLayerPoints/index.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Scene Layer with point geometries - 4.3</title>
+    <link rel="stylesheet" href="https://js.arcgis.com/4.3/esri/css/main.css">
+    <link rel="stylesheet" href="css/main.css">
+    <script>
+        var locationPath = location.pathname.replace(/\/[^\/]+$/, "");
+        window.dojoConfig = {
+            packages: [
+                {
+                    name: "app",
+                    location: locationPath + "/app"
+                }
+            ]
+        }
+    </script>
+    <script src="https://js.arcgis.com/4.3"></script>
+</head>
+<div id="viewDiv"></div>
+<script>
+        require(["app/main"]);
+
+</script>
+
+<body>
+    <div id="viewDiv"></div>
+    <script>
+        require(["app/main"]);
+    </script>
+</body>
+
+</html>
diff --git a/SceneLayerPoints/node_modules/@types/arcgis-js-api/LICENSE b/SceneLayerPoints/node_modules/@types/arcgis-js-api/LICENSE
diff --git a/SceneLayerPoints/node_modules/@types/arcgis-js-api/README.md b/SceneLayerPoints/node_modules/@types/arcgis-js-api/README.md