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

我试图实现一个看似动态的div无限映射。 我的主要问题是，当用户拖动电路板时，如何在任何方向生成新的磁贴 然后，地图应该以什么/怎样的方式存储在数据库中

---

是我的快速入门。

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

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

仅存储放置的瓷砖

这块板的“视野”是有限的，即使是小地图版本也只有256x256左右

“空”板可以直接绘制，从左上角（或其他单点）以及屏幕的宽度和深度导出

---

你也可以用一个伪随机数在程序上改变每个空白方块的外观。

我不明白为什么这值得一个下降的速度如果我只是想要一张空白地图，而不是一张文字地图，那行吗？我想你会在地图上放一些东西，它不会只是一个统一的颜色，对吧？你可以用它来跟踪任何有坐标和定义形状的东西。好的，当我开始跟踪要保存的数据时，这会很有用，谢谢这就是我对空板所做的，但是如果你继续拖动，它会用完，我想让这个初始空板在任何拖动方向上增长如果你的视图是200像素宽，每个图块是50，然后画4个空图块，你不需要“存储”空图块，你知道它们在那里，你只要画它们，用当前视图偏移。我会试试，谢谢-（是的，测试代码不漂亮…）如果你的视图是10个正方形，创建一个30x30的网格，并将其放在视图分区的中心。你可能不需要这么大的网格，但是，有了这个10宽的瓷砖边框，浏览器可以在拖动时滚动网格。现在，当用户拖动时，在视图中间重新排列网格，由一些像素偏移以使其看起来滚动。在同一块上，您可以跟踪并调整数据网格中的偏移量……然后在网格中“绘制”任何可见的块