2

我们有一个新项目，客户是一个大型住宅区。有 10 个区域/区（第 1 区、第 2 区等），客户提供了地图。

每个区有3-4栋住宅楼，每栋楼内都有公寓楼。每栋公寓楼都有出租房间。

客户想要每个级别（整个区域、每个区、每个建筑物、每个公寓、每个房间）的图形地图。

地图没有完美的形状。 在此处输入图像描述 我们已经完成了数据库，并且我们已经向下钻取了表格数据。我们正在寻找每个级别地图的 PNG，并在地图的特定区域有某种叠加的 DIV，显示绿色（可用房间）、红色（已占用）等……或像 150 - 可用、235 - 可用的计数器.

用户可以单击每个地图区域并通过深入了解其他地图来获取更多详细信息。我们已经研究过创建一个带有字段的表来动态生成 html：

<map name="mapDistrict"> <area shape="circle" coords="90,58,3" href=" Building/1" alt=" Building 1"> <area shape=" poly" coords="124,58,8" href=" Building/2" alt=" Building 2"> </map>

有更好的解决方案吗？我们要使用 CSS、Javascript (JQUERY) .. 没有 FLASH！

4

1 回答 1

0

我已经多次绘制过这种类型的房地产地图。你正在做的事情非常有效。您可能希望使用 JS 数组或 JSON 将单位映射到坐标和每个状态。

对于整个建筑物，您可能需要查看： http: //www.netzgesta.de/mapper/，它将地图区域转换为彩色叠加层。

您可能还需要考虑一些其他方法，即简单地使用方形定位链接。

您还可以将事件连接到您的区域地图以显示叠加层：

<area COORDS="80,88,120,125" HREF="#" onMouseOver="showUnit('a')">
于 2013-01-07T20:15:18.180 回答