What is the best way to manage 20 thousand markers on the map?

Question

JavaScript

There are 20 thousand markers on the map.
I don't like the approach when, with bounds_changed , we check the occurrence of markers in the area and take only them - this is a long request to the server and calculation by the database.
On the client, looping 20 thousand and checking for entry into the area is also not good. In addition, the map will flicker with each shift.
I output all markers via markerclustereplus . It seems to be doing fine so far, but I don’t know what will happen next, and is it right?

Answer 1

With 20,000 markers, there may be options.
When there are at least 200,000 markers - no options for a solution with bounds_changed + additional logic on the server when there are obviously too many markers in the output (zoom per country conditionally)

Answer 2

On the client, looping 20 thousand and checking for entry into the area is also not good. In addition, the map will flicker with each shift.

I also encountered flickering at one time, but managed to solve this problem. Take a look at my article, maybe you will find something useful for yourself: Implementation of fetching, caching and rendering photos...