javascript - 如何用html和js制作无限地图

Question

我正在尝试实现一个看似动态的 div 无限映射。我的主要问题是当用户拖动板时如何在任何方向上生成新的瓷砖，然后地图应该如何/如何存储在数据库中。

这是我的快速入门。

Answer 1

一种方法是将每个单词的坐标存储在 R-Tree 中。然后，您将使用 R-Tree 查找您希望看到的坐标边界内的所有单词。这可以在您的后端完成（许多数据库系统支持索引空间坐标）。

Answer 2

我怀疑网格只是大而不是真正的无限。

您只存储放置的瓷砖。

棋盘的“视野”是有限的，即使是小地图版本也只有大约 256x256。

“空”板可以仅绘制，从左上角（或其他单点）以及屏幕的宽度和深度派生。

您还可以使用伪随机数在程序上改变每个空白方块的外观。