Fre Der,
The scenes lighting is set using the environment property.
environment: {
lighting: {
directShadowsEnabled: false
}
}
But the default for the directShadowsEnabled is false.
The directShadowsEnabled property has more to do with the shadows of extruded features as seen in this sample:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
<title>Extrude building footprints based on real world heights - 4.2</title>
<link rel="stylesheet" href="https://js.arcgis.com/4.2/esri/css/main.css">
<script src="https://js.arcgis.com/4.2/"></script>
<style>
html,
body,
#viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<script>
require([
"esri/Map",
"esri/views/SceneView",
"esri/layers/FeatureLayer",
"esri/renderers/UniqueValueRenderer",
"esri/symbols/ExtrudeSymbol3DLayer",
"esri/symbols/PolygonSymbol3D",
"esri/widgets/Legend",
"dojo/domReady!"
], function(
Map, SceneView, FeatureLayer, UniqueValueRenderer,
ExtrudeSymbol3DLayer, PolygonSymbol3D, Legend
) {
var resSym = new PolygonSymbol3D({
symbolLayers: [
new ExtrudeSymbol3DLayer({
material: {
color: "#FC921F"
}
})
]
});
var condoSym = new PolygonSymbol3D({
symbolLayers: [
new ExtrudeSymbol3DLayer({
material: {
color: "#9E559C"
}
})
]
});
var renderer = new UniqueValueRenderer({
defaultSymbol: new PolygonSymbol3D({
symbolLayers: [new ExtrudeSymbol3DLayer({
material: {
color: "#A7C636"
}
})]
}),
defaultLabel: "Other",
field: "DESCLU",
uniqueValueInfos: [
{
value: "Residential",
symbol: resSym,
label: "Residential"
}, {
value: "Residential Condominium",
symbol: condoSym,
label: "Condominium"
}],
visualVariables: [{
type: "size",
field: "ELEVATION",
valueUnit: "feet"
}]
});
var buildingsLyr = new FeatureLayer({
url: "https://services1.arcgis.com/jjVcwHv9AQEq3DH3/ArcGIS/rest/services/Buildings/FeatureServer/0",
renderer: renderer,
popupTemplate: {
title: "{DESCLU}",
content: [{
type: "fields",
fieldInfos: [{
fieldName: "ADDRESS",
label: "Address"
}, {
fieldName: "DESCLU",
label: "Type"
}, {
fieldName: "ELEVATION",
label: "Height"
}]
}]
},
outFields: ["ADDRESS", "DESCLU", "ELEVATION"],
definitionExpression: "ELEVATION > 0",
});
var map = new Map({
basemap: "streets",
ground: "world-elevation",
layers: [buildingsLyr]
});
var view = new SceneView({
container: "viewDiv",
map: map,
camera: {
position: {
x: -8354148,
y: 4641966,
z: 129,
spatialReference: {
wkid: 3857
}
},
heading: 300,
tilt: 75
},
environment: {
lighting: {
directShadowsEnabled: false
}
}
});
var legend = new Legend({
view: view
});
view.ui.add(legend, "bottom-right");
});
</script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>
I am unaware of a property to change for the global shadow you are seeing.