[发明专利]一种基于html5的室内停车场地图解决方法

说明书

技术领域

本发明属于停车场技术领域，特别涉及一种基于html5的室内停车场地图解决方法。

背景技术

目前室内停车场地图使用的是简单的图片显示方法，即人工将室内地图绘制成图片后，使用app客户端加载图片显示地图。现有技术的问题与不足：难以动态的更新和显示地图中各类元素。由于地图中各元素都是在图片中固定的，因此难以动态的更新，例如底下停车场中车位的状态等。缺少丰富的用户交互。例如用户通过点击来预订某个车位并在地图中标记出来，用户同样也能在室内地图中看到其他用户预订并标记的车位。

现有方法的室内地图绘制复杂、耗时，需要大量的人工测量、排版、美化等工作。当地图需要更新时，例如地图元素名称替换和位置调整等，都需要手工调整并更新图片数据。

发明内容

本发明要解决的技术问题是提供一种基于html5的室内停车场地图解决方法，实现动态、美观、通用、交互丰富的功能。

为解决上述技术问题，本发明所采用技术方案是：一种基于html5的室内停车场地图解决方法，包括地图测绘模块、地图数据存储模块、地图绘制模块、地图交互模块，所述的地图测绘模块使用一种基于html5的地图测绘技术，地图数据存储模块分为静态部分和动态部分，地图绘制模块基于html5的地图绘制技术，地图交互模块在采集动态数据时，将所需的数据采集到，在地图绘制完成后，用户即可进行交互。

所述的地图测绘模块结合室内停车场的施工平面图，在网页端将室内停车场地图中最常用基本地图元素标注出来，并存储成相应的数据格式。

所述的地图数据存储模块为地图绘制、交互技术提供基础。

本发明的有益效果：

（1）地图数据采集简单，速度快。本发明将采集过程简化为网页端的点按标注操作，在电脑浏览器中即可完成操作，不必依赖大型软件，对电脑配置要求极低。对于一个中等大小的车库（300个车位左右），普通员工花费1～2小时即可完成地图数据标注。而当之后地图数据需要修改时，例如需要新增车位时，可以使用同样的方法，在网页端将新增的车位标注后，导出地图数据并与原地图数据合并即可，而不必重新渲染整个地图。

（2）动态更新地图简单方便，实时性高。由于本发明的方法中，将地图分为动态数据和静态数据，其中动态数据的绘制完全由程序控制，因此可以简单轻松的通过控制绘制以及重绘程序来实现地图的动态更新等需求。

（3）轻松设计、实现用户交互。由于动态数据和静态数据的分离性，在开发时可以根据交互需求采集所需要的地图数据。而另一方面，html的用户交互借口也足够丰富，足以应付普通的交互需求。另外，当交互的计算量较大是，可以将数据发送给app端进行计算，以提高响应速度。

具体实施方式

下面对本发明作进一步的详细描述。

一种基于html5的室内停车场地图解决方法，包括地图测绘模块、地图数据存储模块、地图绘制模块、地图交互模块，所述的地图测绘模块使用一种基于html5的地图测绘技术，地图数据存储模块分为静态部分和动态部分，地图绘制模块基于html5的地图绘制技术，地图交互模块在采集动态数据时，将所需的数据采集到，在地图绘制完成后，用户即可进行交互。

所述的地图测绘模块结合室内停车场的施工平面图，在网页端将室内停车场地图中最常用基本地图元素标注出来，并存储成相应的数据格式。

所述的地图数据存储模块为地图绘制、交互技术提供基础。

地图测绘技术实施细节：对室内停车场的施工平面图进行加工处理。保留了关键信息元素，例如道路、墙壁、车位等信息，去除了其余非相关的信息，例如电路铺设、管道铺设信息等。将加工后的施工平面图保存成图片，作为地图绘制的底图，在网页端使用html5画布进行加载显示，作为后一步地图标注的基础。

对道路进行标注。在网页中底图的基础上，通过简单的鼠标点击起点终点的位置，即可在底图上标明出道路信息。道路信息可以支持之后的室内停车场地图导航、交互等操作。

对停车车位进行标注。与道路标注类似，在网页中点击底图上车位的左上角位置，并输入车位的长和宽，即可将底图中的车位标注出来。车位信息是室内停车场地图中的关键信息，车位信息标注出了地图中哪里有可用车位，也为之后车位状态的实时显示提供基础。

对图例元素进行标注。同样与道路标注类似，在网页中点击底图上需要添加的图例元素的位置，例如出入口、电梯、楼梯位置等，并添加相应的标签即可。图例元素可以使室内停车场地图更加丰富，对用户更加友好，简单易用。