一种可视化室内地图的网页绘制方法、绘制系统及设备技术方案

本发明专利技术公开了一种可视化室内地图的网页绘制方法、绘制系统及设备，所述绘制方法包含以下步骤：导入dxf格式图纸，对导入的dxf格式的图纸进行Java解析，并导出Json格式数据；对开源技术three.js封装，根据three.js的绘图原理，使用Javascript绘制绘制一个canvas画图；然后根据Json数据绘制对应的三维的楼层围墙图层、空间外墙图层、单元空间图层、空间附加物图层、图标图层、展示图层、导航图层，并初始化指南针。生成的室内地图，可适用于不懂技术的大型公司的行政管理人员，通过地图的标记功能，可以清晰地了解空间的使用部门和使用人员，便于合理安排办公位置，也便于快速、精准找到特定的员工；通过导航功能能够以最短的距离找到指定的办公位置和员工。找到指定的办公位置和员工。找到指定的办公位置和员工。

【技术实现步骤摘要】
一种可视化室内地图的网页绘制方法、绘制系统及设备


[0001]本专利技术涉及将二维图转换为三维图的
，尤其涉及一种可视化室内地图的网页绘制方法、绘制系统及设备。

技术介绍

[0002]现有技术中，对室内空间进行标记（如空间用途、面积、空间使用部门、空间空位情况等）时，一般在纸质图纸上进行操作；或者通过一些绘图软件，如CAD、BIM等技术在桌面软件内部实现对室内空间信息的可视化展示。存在的问题是纸质文件维护困难；而现有的绘图软件过重，编辑修改需要专业的技术人员参与，不懂技术的使用人员（如需要掌握空间的使用和布置情况的行政管理人员）很难进行空间的标记和管理等操作。

技术实现思路

[0003]本专利技术的目的是提供了一种可视化室内地图的网页绘制方法，通过web端和移动端都能够对生成的室内地图进行快速的预览和操作，而且对使用人员要求低。具体采用的技术方案如下：一种可视化室内地图的网页绘制方法，包括：导入dxf格式图纸，所述dxf格式图纸通过CAD绘制，包括楼层围墙图层、空间外墙图层、单元空间图层、空间附加物图层、空间编码图层、展示本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种可视化室内地图的网页绘制方法，其特征在于：包含以下步骤：导入dxf格式图纸，所述dxf格式图纸通过CAD绘制，包括楼层围墙图层、空间外墙图层、单元空间图层、空间附加物图层、空间编码图层、展示图层和导航图层；对导入的dxf格式的图纸进行Java解析，并导出Json格式数据；对开源技术three.js封装，根据three.js的绘图原理，使用Javascript绘制三维图形的基础元素；然后根据Json数据绘制对应的三维的楼层围墙图层、空间外墙图层、单元空间图层、空间附加物图层、图标图层、展示图层、导航图层，并初始化指南针；添加环境光和点光源，模拟现实中的三维场景；添加交互事件。2.根据权利要求1所述的可视化室内地图的网页绘制方法，其特征在于：所述三维的单元空间图层的绘制包含以下步骤：查找Json数据中的单元空间图层数据，遍历每一项，分别绘制出对应的空间几何体，设置材质、编号和高度，得到三维的单元空间图层。3.根据权利要求2所述的可视化室内地图的网页绘制方法，其特征在于：所述三维的空间附加物图层的绘制包括以下步骤：查找Json数据中的空间附加物图层数据，遍历每一项，分别绘制出对应的空间附加物的几何体，设置材质、编号和高度，得到三维的空间附加物图层。4.根据权利要求3所述的可视化室内地图的网页绘制方法，其特征在于：所述图标图层的绘制包括以下步骤：实例化一个类Textureloader，传入base64类型的图片文件，使用精灵材质...

【专利技术属性】
技术研发人员：刘军，王小赞，
申请(专利权)人：费哲软件无锡有限公司，
类型：发明
国别省市：