I see strange rendering artifacts when I use FeatureLayer with Multipoints and PictureMarkers. Here is a codepen to reproduce this problem: https://codepen.io/parshin/pen/ExPYBLp?editors=1000
I took Create a FeatureLayer with client-side graphics | ArcGIS API for JavaScript 4.15 as a base example and made two changes:
- Changed geometry from Point to Multipoint
- Changed symbol of the renderer from "text" to "picture-marker" (SVG as data URL)
After these changes, I see the strange artifacts on the map:
Both Multipoints and PictureMarker are required to reproduce this problem. When you zoom in/out the map, the artifacts appear in different places (the top-left corner of internal rendering tile?).
Is it a bug? Is there any workaround to remove this rendering problem?
Environment: ArcGIS JS API 4.15, Chrome, Ubuntu.