Graphics added to GraphicLayer do not render until you zoom

patryks

I have found similar bug from 2021 https://github.com/Esri/feedback-js-api-next/issues/122 but my case is different (don't use Zone.js) and according to post in forum https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/graphics-in-a-graphics-layer-only-appear-on-zoom/td-p/1037515 the issue should be fixed.

In my case I generate grid (1km x 1km) drawing polyline every 5 meters. When the vectors are straight everything works just fine and the grid renders instantly. I have an options to rotate the lines with configurable angle. To calculate the grid I rotate every vector with following code:

geometryEngine.rotate(geometry, angle, point)

The problem is that the graphics are not rendered until I change the zoom level of the map. I tried to use the workaround from the post i mentioned with cloning symbols and then reapplying it to graphics after timeout and it works partialy as the other way around the old symbols stays on map until zoom level is changed.

Is there an option to refresh graphic or to reaply/rerender graphic symbols somehow?

SamEngel

Hey @patryks ! I'm having some trouble reproducing this problem. I may be misunderstanding your question, but something like this works for me: 

// Add graphics to map
const graphicsLayer = new GraphicsLayer();
map.add(graphicsLayer);
graphicsLayer.addMany([ ...rows, ...cols ]);

// Rotate graphics
for (const graphic of graphicsLayer.graphics) {
  graphic.geometry = geometryEngine.rotate(graphic.geometry, angle, point);
}

 

Would you be willing to share your code, or a simplified example of the problem in a codepen?