创建带架子地板的图表/地图/平面图的最佳方法？

Question

首先，我想说的是，如果这是错误的询问位置，请告诉我可以询问的地方。

我正在研究一个代表物理存储的项目，我需要构建以下图像中的内容：

每张照片都是地板。所有带有颜色的东西都是一个具有特定位置的架子（楼层号，行号，列号和架子号）。

有关每个架子的所有这些信息以及有关每个架子的其他信息（里面有什么，里面有多少文件以及架子已占多少％）都存储在数据库中。我需要将这些数据附加到每个架子上，并使其全部具有交互性（单击）。

我正在考虑使用html从头开始手动构建所有内容，但要花很长时间（算上这是20层以上的事实）。

在Javascript或PHP中是否有一种方法可以更有效地创建每个楼层？可以将这些架子映射到一个数组，然后从该数组构建标记吗？问题在于每个地板的尺寸都不同，因此我认为没有通用的度量单位。

我只对架子感兴趣，不需要其他所有图纸（电梯，房间等）。

谢谢

Answer 1

这里确实不是这样的问题。但是，在您被引导出门之前，让我先提出一些想法。将物理结构与逻辑分离。逻辑更加有序。例如，某物的地址就是建筑物地板房间架-货架插槽或其他任何东西。 渲染到图像或地图等时，您可以使用知道如何显示 A 机架的机架模板。或也许是架子模板或其他。 机架的物理位置可以通过多种方式表示：例如X-Y地址。还记得俄罗斯方块吗？不同的形状？从房间的鸟瞰图，您可以允许将各种预定义的形状分配给机架。无论如何，这里有很多可能性。顺便说一句，这已经被其他人解决了很多次，因此是可行的。祝你好运，也许想想一个更好的地方提出这些问题。