User interface 如何确定在复杂图像地图中单击哪个区域？

我们得到了一个相当复杂的图像地图，就像下面链接的一样。除了布局，每个展位的形状都不规则，我们还有很多图像地图要处理

要求是该软件能够检测正在点击的展位（盒子）。一旦确定了摊位，我们就必须获取其ID并进行一些处理。因此，我们需要一种将地图上的物理数据映射到其逻辑对应物的方法

通常，我有两种方法来解决这个问题

实用地确定热点的位置-但是在这种情况下，展位的布局不一致-一些是小矩形，一些是正方形

手动计算每个展位的坐标，并将其编程为一个巨大的查找。考虑到展位的数量，这是非常耗时的（下面的图片不是来自项目-它只是一个演示）。估计至少有5000个摊位分布在不同的地图上

除了为图像地图创建热点的两种常用方法外，我还可以使用哪些其他方法来确定正在单击哪个展位

---

使用的平台是LimeJS，但这个问题应该足够普遍…

您可以使用泛光填充（每个区域的一种新颜色）将地图分隔为隔间。您希望首先淹没一个已知的“走廊”点以消除该点<代码>0,0应该适用于大多数地图，我想

这将创建您需要的热点。要处理框内的打印与填充的混乱，您可以使用每个区域的远角创建一个矩形。当然，这是假设展位在地图上是矩形的。对于L型展位，可能需要额外做一些工作

---

要从每个展位获取ID，您可以将每个区域（从上方）输入OCR，但您必须能够区分ID号和尺寸等。

我认为他们还可以跟踪洪水泛滥的区域，这样他们可以根据大小对热点进行分类。