Question

I’m trying to implement a seemingly dynamic infinite map of divs.
My main issues are how to generate new tiles in any direction when the user drag the board
and then what/how should the map be stored in the database .

Here is the quick start I have.

Answer 1

I suspect the grid is just large as opposed to truly infinite.

You only store the tiles that are placed.

The ‘view’ of the board is limited, even the minimap version is only about 256×256.

The ’empty’ board can be just draw, derived from the top left( or other single point ) and width and depth of the screen.

You could also use a pseudo random number to procedurally vary the appearance of each blank square.