我们被要求向我们的门户网站添加交互式平面图功能，但是对此我们知之甚少。我们正在尝试解决这些挑战
1）生成计划的正确SVG格式以在网页上显示文件。
2）用我们的数据映射SVG。具有数据库列位置编号的地图计划（SVG）位置
3）当用户单击数据表上的位置编号时，系统加载SVG文件并突出显示SVG上的区域
4）当用户单击计划中的位置编号时，一些信息需要显示为工具提示。
我们将DWG（AutoCAD）文件导出到SVG。并在SVG文件上获得以下位置参考。
//part of SVG file
<polyline points="177.47,205.28 197.59,205.28 197.59,175.22 177.47,175.22 177.47,205.28 " style="stroke:#FF0000; fill:none;"/>
<text x="151.97" y="285.6" style="fill:#000000; font-family:Arial; font-size:3.02">2.62sq.m.</text>
<text x="151.97" y="282.24" style="fill:#000000; font-family:Arial; font-size:3.02">STFRE1140EGF023</text>
<polyline points="102.46,206.85 150.17,206.85 150.17,257.93 148.83,257.93 148.83,258.68 146.73,258.68 146.73,272.21 122.8,272.21 122.8,258.68 102.46,258.68 102.46,206.85 " style="stroke:#FF0000; fill:none;"/>
<text x="114.5" y="252.17" style="fill:#000000; font-family:Arial; font-size:3.02">12.13sq.m.</text>
<text x="114.5" y="248.73" style="fill:#000000; font-family:Arial; font-size:3.02">STFRE1140EGF024</text>
<polyline points="102.46,180.15 124.15,180.15 124.15,205.28 102.46,205.28 102.46,180.15 " style="stroke:#FF0000; fill:none;"/>
<text x="49.51" y="200.79" style="fill:#000000; font-family:Arial; font-size:3.02">2.36sq.m.</text>
<text x="49.51" y="197.43" style="fill:#000000; font-family:Arial; font-size:3.02">STFRE1140EGF025</text>
我们需要有关
的帮助/建议1）目前，我们需要在房号标签之前引用标签，以获取位置边界。这很危险，因为事情可能会混杂在一起。有没有一种方法可以获取位置参考作为属性？我们很高兴通过修改CAD文件或SVG导出程序来做到这一点。
2）和3）我们知道如何链接数据并在屏幕上显示计划。
4）当用户单击位置时，我们可以在计划上方的字段中显示数据。但是我们确实希望将数据显示在计划的顶部（例如工具提示）。但是我们不确定这是否可能。
我们非常感谢CAD / SVG / Javascript专家可以对此提供建议。我们很高兴尝试使用新的SVG导出工具，修改CAD文件