Everything You Need to Know About

OGC Layers in the

ArcGIS API 4.x for JavaScript

1:30PM - 2:00PM

Wednesday 03/07/2018

Yann Cabon and Noah Sager

## Scene Layer
				
						```js
  // setup the renderer with size and color visual variables
  var renderer = {
    type: "simple",  // autocasts as new SimpleRenderer()
    symbol: {
      type: "point-3d",  // autocasts as new PointSymbol3D()
      symbolLayers: [{
        type: "icon"
      }] 
    },
    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]
      }]
    }]
  };

// Create SceneLayer from a Scene Service URL
  var sceneLayer = new SceneLayer({
    url: "https://tiles.arcgis.com/tiles/V6ZHFr6zdgNZuVG0/arcgis/rest/services/Airports_PointSceneLayer/SceneServer/layers/0",
    renderer: renderer,  // Set the renderer to sceneLayer
    screenSizePerspectiveEnabled: false  // Set perspective to false every time size visual variables are used with icons
  });
                        
						```