本发明属于停车场技术领域，特别涉及一种停车场地图解决方法。
背景技术：
目前室内停车场地图使用的是简单的图片显示方法，即人工将室内地图绘制成图片后，使用app客户端加载图片显示地图。现有技术的问题与不足：难以动态的更新和显示地图中各类元素。由于地图中各元素都是在图片中固定的，因此难以动态的更新，例如底下停车场中车位的状态等。缺少丰富的用户交互。例如用户通过点击来预订某个车位并在地图中标记出来，用户同样也能在室内地图中看到其他用户预订并标记的车位。
现有方法的室内地图绘制复杂、耗时，需要大量的人工测量、排版、美化等工作。当地图需要更新时，例如地图元素名称替换和位置调整等，都需要手工调整并更新图片数据。
技术实现要素：
本发明要解决的技术问题是提供一种停车场地图解决方法，实现动态、美观、通用、交互丰富的功能。
为解决上述技术问题，本发明所采用技术方案是：一种停车场地图解决方法，包括地图测绘模块、地图数据存储模块、地图绘制模块、地图交互模块，其特征在于：所述的地图测绘模块使用一种基于html5的地图测绘技术，地图数据存储模块分为静态部分和动态部分，地图绘制模块基于html5的地图绘制技术，地图交互模块在采集动态数据时，将所需的数据采集到，在地图绘制完成后，用户即可进行交互。
所述的地图测绘模块结合室内停车场的施工平面图，在网页端将室内停车场地图中最常用基本地图元素标注出来，并存储成相应的数据格式。
所述的地图数据存储模块为地图绘制、交互技术提供基础。
本发明的有益效果：
(1)地图数据采集简单，速度快。本发明将采集过程简化为网页端的点按标注操作，在电脑浏览器中即可完成操作，不必依赖大型软件，对电脑配置要求极低。对于一个中等大小的车库，普通员工花费1～2小时即可完成地图数据标注。而当之后地图数据需要修改时，例如需要新增车位时，可以使用同样的方法，在网页端将新增的车位标注后，导出地图数据并与原地图数据合并即可，而不必重新渲染整个地图。
(2)动态更新地图简单方便，实时性高。由于本发明的方法中，将地图分为动态数据和静态数据，其中动态数据的绘制完全由程序控制，因此可以简单轻松的通过控制绘制以及重绘程序来实现地图的动态更新等需求。
(3)轻松设计、实现用户交互。由于动态数据和静态数据的分离性，在开发时可以根据交互需求采集所需要的地图数据。而另一方面，html的用户交互借口也足够丰富，足以应付普通的交互需求。另外，当交互的计算量较大是，可以将数据发送给app端进行计算，以提高响应速度。
具体实施方式
下面参照附图并结合实施例对本发明作进一步的详细描述。
一种基于html5的室内停车场地图解决方法，包括地图测绘模块、地图数据存储模块、地图绘制模块、地图交互模块，所述的地图测绘模块使用一种基于html5的地图测绘技术，地图数据存储模块分为静态部分和动态部分，地图绘制模块基于html5的地图绘制技术，地图交互模块在采集动态数据时，将所需的数据采集到，在地图绘制完成后，用户即可进行交互。
所述的地图测绘模块结合室内停车场的施工平面图，在网页端将室内停车场地图中最常用基本地图元素标注出来，并存储成相应的数据格式。
所述的地图数据存储模块为地图绘制、交互技术提供基础。
地图测绘技术实施细节：对室内停车场的施工平面图进行加工处理。保留了关键信息元素，例如道路、墙壁、车位等信息，去除了其余非相关的信息，例如电路铺设、管道铺设信息等。将加工后的施工平面图保存成图片，作为地图绘制的底图，在网页端使用html5画布进行加载显示，作为后一步地图标注的基础。
对道路进行标注。在网页中底图的基础上，通过简单的鼠标点击起点终点的位置，即可在底图上标明出道路信息。道路信息可以支持之后的室内停车场地图导航、交互等操作。
对停车车位进行标注。与道路标注类似，在网页中点击底图上车位的左上角位置，并输入车位的长和宽，即可将底图中的车位标注出来。车位信息是室内停车场地图中的关键信息，车位信息标注出了地图中哪里有可用车位，也为之后车位状态的实时显示提供基础。
对图例元素进行标注。同样与道路标注类似，在网页中点击底图上需要添加的图例元素的位置，例如出入口、电梯、楼梯位置等，并添加相应的标签即可。图例元素可以使室内停车场地图更加丰富，对用户更加友好，简单易用。
对用户交互的地图标注进行存储。在用户标注结束后，所有的标注信息还是存在于浏览器缓存中，将标注信息规范化成json数据格式后，以下载文件的方式将数据保存在本地。
对施工平面图的底图进行进一步美化处理。原始的施工平面图底图一般是autocad等格式，由线段图标等组成，不够用户友好。可以根据最终室内停车场地图的效果需要，将墙体和道路等部分进行填色等美化工作，使得最终的地图更佳美观。
地图数据存储技术实施细节：静态部分即是根据施工平面图美化后的部分，代表室内停车场的地图的固定部分，例如墙体、道路等，不会发生动态的变化、更新等，因此采用jpg格式的图片进行存储。
动态部分即是在绘制地图时标注出来的部分，该部分数据涉及到动态的更新或者用户的交互，因此转换成json数据，作为javascript变量存储在js格式的文件中，方便压缩以及在app端显示。
地图绘制技术实施细节：在app端新建一个webview控件，并显示在窗口中。webview控件基于app自带的浏览器，能够加载并显示html5网页，并支持各种网页端的操作，例如点按、缩放等。
加载地图底图图片，显示在html5的canvas控件中。
加载存储在js格式文件中的其余的动态地图数据。
根据地图动态数据，绘制地图的动态部分，例如根据车位数据的长宽，使用长方形将室内停车场车位绘制在底图之上，并且根据app端的更新数据，实时的更新车位状态，并用重绘颜色来表示不同的状态，例如绿色是空闲，红色是占用，黄色是已预约等。
地图用户交互技术实施细节：以室内停车场导航交互举例。用户可以在地图上选择起点和终点，并点击导航按钮，网页端即可将用户交互的信息以及地图数据中的道路信息发送给app端，在app端完成最优路径的计算后返回给网页端，网页端即可将导航路径显示在地图中，供用户参考。