Realistic buildings with SceneLayer

This sample shows how to add a SceneLayer with realistic textures to a map in a SceneView. The SceneLayer was published to ArcGIS Online from ArcGIS Pro and loaded from the portal item ID.

var sceneLayer = new SceneLayer({
  portalItem: {
    id: "fad90a1b2f5243f99c2d49aa6719bfd7"
  }
});

The scene is made more realistic by enabling shadows and setting the lighting based on a specific time of day using the environment property of the SceneView.

view.environment = {
  lighting: {
    date: new Date("July 15, 2015 8:00:00 PDT"),
    directShadowsEnabled: true
  },
  atmosphere: {
    quality: "high"
  }
};

Other helpful resources

• Creating scene services
• Publish scenes