| 基于混合APP技术的移动端不动产权籍调查统设计与实现 | [PDF全文] |
为整合不动产登记职责,规范登记行为,保护权利人合法权益,我国自2015-03-01起实施《不动产登记暂行条例》。随着不动产登记工作的全面展开,传统不动产权籍调查作业流程繁琐、工作效率低下、调查取证困难等问题日益突出[1, 2]。针对不动产权籍调查工作特点,研发了一套实现准确高效电子化录入权籍信息、精准化采集空间数据、标准化输出调绘成果的移动端不动产权籍调查系统,用以严格规范作业流程,提高权籍调查工作效率。
当前移动应用的APP开发模式包括原生模式(native APP)、网页模式(Web APP)及混合模式(hybrid APP)3种。原生模式功能强大、安全性高,但基于本地操作系统运行,开发维护成本高,数据实时交互困难。网页模式基于浏览器运行,开发维护成本低,可实现数据的实时更新,但需要良好的网络环境,且无法调用硬件设备API(application programming interface, 应用程序编程接口)。而混合模式综合两者优点,兼具原生模式的良好用户交互体验和网页模式跨平台开发的优点[3.4]。为适应当前不动产权籍调查外业数据采集终端操作系统的多样性,在不同操作系统的移动终端上实现良好的适配,本系统选择混合APP的开发模式,采用ES6语法,利用开源的地图引擎Maptalks实现了移动端的绘图编辑功能,通过服务端提供的接口,实现了高精度移动端数据采集、电子化数据录入、现场签章、成果入库等功能,克服了传统不动产权籍调查作业模式的弊端,促进不动产权籍调查工作的全面深入开展。
1 系统设计 1.1 整体架构设计为实现系统的高内聚、低耦合,系统采用如图 1所示的分层架构,分为硬件层、I/O层、逻辑层和应用层四层结构,严格按照相关规范操作进行设计。其中硬件层由与移动设备的主要功能相关的硬件控制设备组成,包括拍照、通信、打印三类设备; I/O层负责文件读写、数据交互、成果打印; 逻辑层负责数据组织与管理、基本逻辑控制以及系统工具提供; 应用层基于逻辑层进行功能订制、界面设计等工作。各层之间按照依赖倒置等原则进行设计,层与层之间保证相互独立,便于软件维护。
![]() |
| 图 1 系统架构设计 Fig.1 Design of System Architecture |
1.2 系统功能模块设计
本系统严格依据国家发布的作业规范和实施细则,结合不动产权籍调查工作人员的作业习惯,设计了5个功能模块:数据管理模块、调查取证模块、表格管理模块、信息查询模块、草图编辑模块。在地理数据采集、表格数据录入等基本功能的基础上,还为用户提供完备的编辑功能,可进行草图整饰及出图打印,用于权利人现场签章,避免了传统作业中的二次核查,简化了业务流程。详细的功能模块设计如图 2所示。
![]() |
| 图 2 系统功能模块图 Fig.2 Functional Modules of System |
1) 数据管理模块。该模块主要实现将内业处理完毕的项目数据包按一定格式导入,以及将调查录入存储在本地的项目数据按原定格式导出,其中表格数据为.xlsx格式,地图数据为GeoJSON格式。
2) 调查取证模块。在不动产权籍调查过程中,需进行权利人身份核实和界址点拍照取证。该模块综合利用指纹录入设备、身份证识别设备、移动设备摄像头和话筒来实现指纹信息、身份证信息、照片信息及声音信息的采集,并在对应的项目数据包下自动生成不同的文件夹用于存储采集的各类信息,避免了后期繁琐的数据整理,保证了数据的准确性,提高了工作效率。
3) 表格管理模块。包括表格的录入、生成和打印。不动产权籍调查工作中涉及到宗地基本信息表、界址标示表、界址签章表等多项表格数据的录入,用户将调绘信息按要求填写在事先导入的对应的表格模板中,在打印时系统通过服务端接口将录入完毕的表格生成PDF,利用便携式打印机打印完成进行现场签章。
4) 信息查询模块。在进行某一宗地的调查前,需获取邻宗地的相关信息。系统调用服务端接口连接到内网,通过输入权利人名称、宗地代码、土地证书号或土地坐落等任一属性,可查询调查所需的全部信息。
5) 草图编辑模块。主要实现权籍调查中空间数据采集及草图编绘,其功能是基于开源的Maptalks地图引擎开发的,设计基本操作和绘制编辑两大功能。
① 基本操作。包括栅格底图、矢量底图和影像底图的加载、放缩、平移和旋转,以及各图层的控制管理。
② 绘制编辑。包括对界址点、界址线、四至、宗地等空间信息的采集与不动产单元草图的出图。具体为点、线、面三类空间对象及标注的添加、选中、撤销、重做和删除等操作。系统为添加界址点提供了移动端手动绘点、连接RTK实时展点和导入测量数据文件批量展点3种方式,用户可根据实地情况灵活选择。此外,设计了定点测距、定点测面积及捕捉工具辅助作图,满足了外业调绘中不动产单元草图绘制出图的要求,提高了移动端绘图的准确性及数据采集效率。
2 关键技术实现 2.1 基于React的混合APP技术当前主流的混合APP技术有Vue、Angular、React等,由于本系统涉及到大量的交互操作、界面渲染与数据传输,故选用React作为系统开发的框架,通过React的虚拟DOM(document object model, 文档对象模型)技术结合Material-UI实现用户与视图组件的高效渲染和交互,Redux实现状态数据管理,React-Router实现组件的切换和状态的变化。技术路线如图 3所示。
![]() |
| 图 3 React技术路线 Fig.3 Technical Route of React |
2.2 底图加载与图层管理
不动产权籍调查的空间数据采集与不动产单元草图出图通过系统提供的草图编辑模块的功能实现。现有同类系统的此功能大多根据移动设备的操作系统,选用对应的商用ArcGIS Runtime SDK实现,不具有可移植性,且开发成本高[5-9]。因此,选择Maptalks地图引擎来实现移动端的绘图编辑功能。该地图引擎采用WebGL进行渲染,具有较优秀的效率,并且采用插件化设计,能与其他第三方库结合,不仅能保证当前的功能需求,还有利于后期系统功能的扩展。系统获取导入的项目文件中的底图数据,加载相关矢量、瓦片底图。为实现高效的数据传输,项目中所有空间数据采用GeoJSON格式,将导入的GeoJSON数据转换为图层对象加载在地图界面,并通过新建或继承项目原有的对象图层,对外业调绘中采集的空间数据进行分类添加,统一管理。
2.3 草图绘制和编辑不动产单元草图的绘制与整饰,需准确采集绘制界址点、界址线、四至、宗地等空间信息,并添加注记和指南针等,以完成现场出图打印前的所有准备工作(图 4)。为减少误操作,提高移动端界面交互绘图的准确度,系统借鉴相关手势操作设计[10],实现了如下绘图操作手势:轻击(Tap)手势用于添加界址点、添加注记及对象选中; 双击(Double Tap)用于完成线状、面状对象的选点绘制及标注内容的修改; 拖动(Drag)用于调整注记位置。根据不同编辑状态下的不同操作手势,绑定Maptalks提供的不同API,完成对各类空间对象的绘制编辑。在不使用第三方商用软件的情况下,实现了满足调绘需求的移动端绘图功能。
![]() |
| 图 4 草图编辑界面 Fig.4 Sketch Editing Interface |
在不动产权籍调查外业调绘中,最为关键的是界址点的调绘,界址点作为标定土地权属界线的重要标志,其点号的编写具有唯一、可识别的特点[11]。由于不动权籍调查草图编辑过程中存在多人同时在线的情况,所以通过服务端连接内网取号库进行统一编号管理。系统为用户新增的界址点初始化定义ID及标记是否取号的属性值,当宗地的界址点绘制调整完毕后,进行批量取号。取号流程如图 5所示。
![]() |
| 图 5 界址点取号流程图 Fig.5 Process of Fetching Number for Boundary Point |
由于手指或触控笔在移动端屏幕上的手势操作不如PC端的鼠标操作灵活准确,为保证界址点的采集精度,系统专门设计现了对底图数据及界址点等矢量对象进行精确捕捉的工具。可根据待捕捉对象设定开启捕捉工具的图层及捕捉模式,并根据触控笔或手指操作的精度设定捕捉的误差容忍值。捕捉工具的使用极大地提高了移动端绘图操作的精度和准确性,为不动产权籍调绘提供了更加可靠
的调绘成果。此外,系统还提供了测量工具,用于在图上测量因地形、遮挡等原因难以进行实地测量而又需要获取长度或面积信息的边界或地块。在不同的测量模式下,通过计算在移动端选点构线所得多段线的长度或选点构面所得的多边形的面积,在图上添加标注提供参考,为外业测量提供便利。
2.4 图表生成与现场签章传统不动产权籍调查作业流程先由外业人员采集数据,交于内业人员处理成图,再由外业人员完成权利人签字确认,增加了与权利人的沟通成本,作业流程繁琐且容易出现数据遗漏[12]。为此,本系统设计实现了现场出图签章功能,一次性完成现场核实权利人材料证明、签字签章等工作,为解决纠纷提供强有力的支撑。同时系统化录入数据、格式化输出成果,保证了数据的准确性和成果的质量。
现场签章涉及到权籍调查表与不动产单元草图的确认签署。不动产权籍调查表是各类调查表的整合,初始为项目数据文件导入时所包含的空白Excel模板,经由作业人员现场调绘填写完成。不动产单元草图则是由界面的UI组件构建而成,在组件内部加载GeoJSON数据显示草图,使用Html2canvas工具将组件界面以图片格式保存。打印出图时,调用服务端打印接口,分别为权籍调查表和不动产单元草图添加封面及指南针,并将其转换为PDF格式,连接到便携式打印机,打印出图用于签章。
3 结束语本文基于跨平台技术中的混合APP开发模式,结合开源的Maptalks地图引擎进行移动端不动产权籍调查系统的开发,具有完全的自主知识产权和跨平台部署的特点。系统根据不动产权籍调查工作的业务流程和作业规范设计,满足了实际作业的需求。在南宁市不动产权籍调查工作中试用后,该系统在作业流程规范化、数据录入标准化、成果输出格式化、内外业工作简单化等方面具有显著优势,可大大提高工作人员工作效率。在实际应用中通过对系统功能的不断完善,将发掘该系统更大的实用价值,后续将进一步优化底图数据加载及移动端绘图编辑操作。
| [1] |
郑金水. 浅谈新形势下不动产测绘管理[J]. 测绘地理信息, 2015, 40(4): 87-89. |
| [2] |
杨伯钢, 张保钢. 我国不动产测绘工作的现状与分析[J]. 测绘通报, 2016(12): 1-6. |
| [3] |
赵晓丹, 陶然. 四种移动应用开发模式比较与分析[J]. 智能计算机与应用, 2018, 8(1): 72-75. |
| [4] |
余健, 童秋英, 朱波, 等. 一种混合应用模式的土地执法核查APP的设计与实现——以武汉市国土规划执法监察移动系统为例[J]. 测绘通报, 2018(1): 151-156. |
| [5] |
王卫红, 张鹏灵. 基于移动GIS的地块采集系统设计与实现[J]. 计算机应用与软件, 2017, 34(5): 200-204. |
| [6] |
庄晓东, 王海银, 胡振彪, 等. 地理国情普查外业调绘核查系统实现[J]. 测绘科学, 2016, 41(2): 58-61. |
| [7] |
杨阳, 曲平, 杨爱玲, 等. 基于Android平台的基础测绘外业调绘核查系统的研究与开发[J]. 测绘与空间地理信息, 2016, 39(12): 122-123. |
| [8] |
欧尔格力, 刘慧, 张朝坤, 等. 地理国情普查外业调绘系统关键技术及实现[J]. 测绘与空间地理信息, 2015, 38(8): 183-184. |
| [9] |
廖芳, 罗海燕. 地理国情普查数据库管理及服务系统建设设计[J]. 测绘地理信息, 2016, 41(4): 77-79. |
| [10] |
陈思聪.基于移动端用户界面的交互手势设计创新研究[D].北京: 北方工业大学, 2017
|
| [11] |
付邦坤.承包土地经营权地块确定的精度研究[D].西安: 西安科技大学, 2017
|
| [12] |
罗丽玲.《不动产登记暂行条例实施细则》的应用研究[D].深圳: 深圳大学, 2017
|
2020, Vol. 45






