javascript - Openlayers 6 - Performance issues when loading and rendering many images

Question

I am attempting to take images and draw them on a map using openlayers, but am finding performance issues (map very unresponsive to movement using mouse during loading or once images are on screen). This is especially prevalent when trying to draw greater than 100 images on screen, with the goal being to draw > 500 images on screen. The performance issues are seen regardless of image size (< 10kb images face these issues). The images require rotation and placement on screen. I am attempting to do this at the moment by creating ImageCanvasSource objects, providing the canvas function with the rotation and location on the map and the loaded image, and then applying this source to an ImageLayer. Is there a more efficient way to do this, or is this beyond the capability of openlayers to efficiently manage on the frontend?

Answer 1

等待大神答复