I am using following code in sandbox.
There is a picturemarkersymbol which displays ESRI logo. These snaps are taken in series
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"> <title>3D Graphics - 4.0beta2</title> <link rel="stylesheet" href="https://js.arcgis.com/4.0beta2/esri/css/main.css"> <script src="https://js.arcgis.com/4.0beta2/"></script> <style> html, body { padding: 0; margin: 0; } </style> <script> require([ "esri/Map", "esri/views/SceneView", "esri/Camera", "esri/layers/GraphicsLayer", "esri/Graphic", "esri/geometry/Point", "esri/geometry/Polyline", "esri/geometry/Polygon", "esri/symbols/SimpleMarkerSymbol", "esri/symbols/SimpleLineSymbol", "esri/symbols/SimpleFillSymbol", "esri/symbols/PictureMarkerSymbol", "dojo/domReady!" ], function( Map, SceneView, Camera, GraphicsLayer, Graphic, Point, Polyline, Polygon, SimpleMarkerSymbol, SimpleLineSymbol, SimpleFillSymbol, PictureMarkerSymbol ) { var map = new Map({ basemap: "hybrid" }); var view = new SceneView({ container: "viewDiv", map: map, camera: new Camera({ position: new Point({ x: -0.17746710975334712, y: 51.44543992422466, z: 1266.7049653716385 }), heading: 0.34445102566290225, tilt: 82.95536300536367 }) }); /********************* * Add graphics layer *********************/ var graphicsLayer = new GraphicsLayer(); map.add(graphicsLayer); /************************* * Add a 3D point graphic *************************/ // London var point = new Point({ x: -0.178, y: 51.48791, z: 1000 }), markerSymbol = new PictureMarkerSymbol({ //url: "https://developers.arcgis.com/javascript/graphics/tailcoat/integration-hexicon.png" url: "https://developers.arcgis.com/javascript/graphics/tailcoat/logo-esri-footer.jpg", width: 250, height: 250 }); var pointGraphic = new Graphic({ geometry: point, symbol: markerSymbol }); graphicsLayer.add(pointGraphic); /**************************** * Add a 3D polyline graphic ****************************/ var polyline = new Polyline([ [-0.178, 51.48791, 0], [-0.178, 51.48791, 1000] ]), lineSymbol = new SimpleLineSymbol({ color: [226, 119, 40], width: 4 }); var polylineGraphic = new Graphic({ geometry: polyline, symbol: lineSymbol }); graphicsLayer.add(polylineGraphic); /*************************** * Add a 3D polygon graphic ***************************/ var polygon = new Polygon([ [-0.184, 51.48391, 400], [-0.184, 51.49091, 500], [-0.172, 51.49091, 500], [-0.172, 51.48391, 400], [-0.184, 51.48391, 400] ]), fillSymbol = new SimpleFillSymbol({ color: [227, 139, 79, 0.8], outline: new SimpleLineSymbol({ color: [255, 255, 255], width: 1 }) }); var polygonGraphic = new Graphic({ geometry: polygon, symbol: fillSymbol }); graphicsLayer.add(polygonGraphic); }); </script> </head> <body> <div id="viewDiv"></div> </body> </html>
When I tilt it vanishes
When I change camera It comes back
Now it vanishes again
upon zooming out it comes back again
when I tilt down it appears
down and vanish it goes
comes again
same goes when I use the picturemarkersymbol with a local path.
Abdul,
I can confirm that I see the same issue.