Creating an interactive map consisting of a million squares and objects in it

[raivo]

Hello!

The question is the following:

1.) We need to make a home page where a map is displayed, which consists of 1,000,000 (million) square fields (x is 0 to 1000 and y is 0 to 1000);

2.) It must be possible to place other squares 2x2, 4x4 on these squares (these squares did not overlap, but can be placed next to each other);

3.) The user who places these fields does not need to see the entire large area, but of course it would be good to see as large an area around as possible. The user clicks on the square of the map and an ajax popup appears from which the user can select the desired object that he wants to place on the map;

4.) The homepage must also be usable on mobile devices;

5.) It is not necessary to think about saving data at the moment, but it will be necessary. Saving data should also be done via ajax without refreshing the window. The data will be stored in the database and then the saved 2x2 and 4x4 fields (objects) will be displayed on this map;

6.) It is expected that over time the map will be used by hundreds of online users.

What solution would you recommend to use to draw the map?

Thank you!