一种二维楼盘表的生成方法与流程

1.本发明涉及不动产信息管理技术领域，尤其涉及一种二维楼盘表的生成方法。


背景技术：

2.不动产属于地理信息要素，现行不动产统一登记背景下的房屋数据管理技术，其管理手段为离散的表、图管理，即：楼盘表管理方法以二维楼盘表管理方式，分层分户图管理方法以无空间信息且标准多样的二维图像或图纸，数据的利用率低，未将二维楼盘表、房屋分层分户图采用地理信息管理形式。现有的二维楼盘表采用二维表格形式表现，横向为层，纵向为单元，层和单元可以进一步划分成户室，其作用与地图类似，用于标示各独立权利单元的空间分布。
3.但是，房产数据管理中的二维楼盘表管理模式逐渐无法满足建筑物日益复杂的趋势，二维楼盘表管理方式适用于简单、规则的楼幢，而针对复杂建筑物综合体难以准确表达。在三维建筑物建模技术中，目前多采用建模软件手工建模，该方式的优点是展现效果好，但存在着工作量大、成本高、应用领域单一化等缺点。
4.现有的三维楼幢模型通常是三维场景中的楼幢，其仅是对房产外部结构、纹理的模拟，以展示作用为主，无法查看其内部准确的房产结构且无法以户室作为管理单元进行统一的数据管理。如何有效利用已有不动产的二维楼盘表、房屋分层分户图，快速、流程化的构建具备地理空间信息的三维楼盘模型，用于表达二三维场景下的不动产单元的信息，具有发明和应用价值。传统楼盘表采用c/s架构，或b/s flex技术实现， c/s架构项目用户使用成本都偏高，需要用户pc安装客户端才能运行，而flex属于淘汰技术，主流浏览器都明确表示不再支持flex。


技术实现要素：

5.本发明的目的在于克服现有技术的不足，提供一种二维楼盘表的生成方法。
6.本发明的目的是通过以下技术方案来实现的：一种二维楼盘表的生成方法，包括以下步骤：步骤1：通过网络接口获取楼盘数据；所述楼盘数据包括楼栋单元、楼层和房源数据；步骤2：将楼盘数据构造为web端需要的数据对象结构，准备好视图渲染所需要的数据源，所述数据源包括楼栋数据和单元数据；步骤3：根据各房源状态类型数据遍历，渲染顶部房源状态示例图部分，用户可根据房源颜色查看房源当前所处的状态；步骤4：根据步骤2准备好的数据源，遍历渲染楼栋单元视图部分，通过数据归类，可直观看到房源所属单元；步骤5：对步骤4中进行遍历渲染的楼栋单元筛选出数据源中对应的数据进行遍历，完成楼层及楼层对应房源的渲染，生成最终的二维楼盘表；
在进行楼栋之间切换时，会记录点击时的时间，如果两次切换点击的时差不超过一定时长的时候不会进行单元及房源数据的渲染，在切换并停留一定时长后再进行单元及单元下房源数据的渲染；在进行单元之间切换时，会记录点击时的时间，如果两次切换点击的时差不超过一定时长的时候不会进行房源数据的渲染，在切换并停留一定时长后再进行单元下房源数据的渲染。
7.进一步的，所述房源数据进行渲染时，在房源展示区域上下滚动的时候不直接渲染房源数据，在鼠标停止滚动后采用预判的方式仅渲染页面滚动条停止位置的房源数据。
8.进一步的，所述房源信息可自行配置字段。
9.进一步的，所述房源为跃层时，以真实物理结构的比例对房源视图进行渲染。
10.进一步的，所述步骤1还包括车库数据的获取，用于在步骤5完成楼层及楼层对应房源的渲染后，对车库进行渲染，用户可一次性查看整栋楼的车库房源。
11.进一步的，所述渲染的过程均在是b/s架构下进行的。
12.进一步的，生成的所述最终的二维楼盘表采用上下结构布局，且点击单个房源出现浮层显示房源详细信息。
13.本发明的有益效果：本发明采用b/s架构，用户使用任何有浏览器的设备都可以一次性查看整栋真实物理结构的房源数据；根据使用者设备配置情况 条件允许情况下上千套房源数据也可实现毫秒级渲染，可异步加载、可一次性查看整栋房源、不受终端限制可在任何有浏览器设备查看；可浏览器查看整栋所有单元的普通房源、跃层房源、整层车库，解决整栋房源同时加载渲染卡顿、耗时长问题。
附图说明
14.为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图示出的结构获得其他的附图。
15.图1是本发明的方法流程图。
具体实施方式
16.应当理解，此处所描述的具体实施例仅用以解释本发明，并不用于限定本发明。
17.下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅是本发明的一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
18.本实施例中，如图1所示，一种二维楼盘表的生成方法，包括以下步骤：步骤1：通过网络接口获取楼盘数据；步骤2：将楼盘数据构造为web端需要的数据对象结构，准备好视图渲染所需要的数据源；步骤3：渲染顶部房源状态图，用户可根据房源颜色查看房源当前所处的状态；
步骤4：渲染楼栋单元视图，用于做数据归类，可直观看到房源所属单元；步骤5：渲染楼层及楼层对应房源，可直观看到每层楼对应的物理结构的房源信息，房源查看支持。
19.进一步的，所述楼盘数据包括楼栋单元、楼层和房源数据。
20.进一步的，所述房源数据进行渲染时，在房源展示区域上下滚动的时候不直接渲染房源数据，在鼠标停止滚动后采用预判的方式仅渲染页面滚动条停止位置的房源数据。
21.进一步的，所述房源信息可自行配置字段。
22.进一步的，所述房源为跃层时，以真实物理结构的比例对房源视图进行渲染。
23.进一步的，对所述楼层及楼层对应房源进行渲染时，还包括车库信息的渲染，用户可通过一次性查看整栋车库房源。
24.进一步的，还包括楼栋切换的房源渲染：楼栋之间快速切换不会渲染单元及房源数据，在切换后停留一定时长后渲染单元及单元下房源数据。
25.进一步的，还包括单元切换的房源渲染：单元之间快速切换不会渲染房源数据，在切换后停留一定时长后渲染单元下房源数据。
26.这样，最终生成的楼盘表视图：二维楼盘表采用上下结构布局，且点击单个房源出现浮层显示房源基础信息。
27.最终生成的楼盘表视图可达到以下展示效果。
28.1.二维楼盘表上面10%视图部分用于展示不同颜色的图块及描述文本，用于显现的告知使用者当前房源在不同状态下的颜色；2.二维楼盘表下面90%视图部分才有左右布局的方式展示整个楼盘数据；1).左侧展示楼栋信息；2).右侧展示楼栋下所有单元、楼层、房源信息；3).单个房源块背景色为当前房源状态颜色；4).单个房源块展示的精简字段项可自定义配置；5).点击单个房源块可弹出浮层显示房源详细信息；本发明的有益效果：本发明采用b/s架构，用户使用任何有浏览器的设备都可以一次性查看整栋真实物理结构的房源数据；根据使用者设备配置情况 条件允许情况下上千套房源数据也可实现毫秒级渲染，可异步加载、可一次性查看整栋房源、不受终端限制可在任何有浏览器设备查看。
29.需要说明的是，对于前述的各个方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本技术并不受所描述的动作顺序的限制，因为依据本技术，某一些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和单元并不一定是本技术所必须的。
30.在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详细描述的部分，可以参见其他实施例的相关描述。
31.本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁
碟、光盘、rom、ram等。
32.以上所揭露的仅为本发明较佳实施例而已，当然不能以此来限定本发明之权利范围，因此依本发明权利要求所作的等同变化，仍属本发明所涵盖的范围。