CN107015974A - 一种基于html5的室内停车场地图解决方法 - Google Patents
一种基于html5的室内停车场地图解决方法 Download PDFInfo
- Publication number
- CN107015974A CN107015974A CN201610055132.3A CN201610055132A CN107015974A CN 107015974 A CN107015974 A CN 107015974A CN 201610055132 A CN201610055132 A CN 201610055132A CN 107015974 A CN107015974 A CN 107015974A
- Authority
- CN
- China
- Prior art keywords
- map
- module
- html5
- mapping
- parking garage
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09B—EDUCATIONAL OR DEMONSTRATION APPLIANCES; APPLIANCES FOR TEACHING, OR COMMUNICATING WITH, THE BLIND, DEAF OR MUTE; MODELS; PLANETARIA; GLOBES; MAPS; DIAGRAMS
- G09B29/00—Maps; Plans; Charts; Diagrams, e.g. route diagram
- G09B29/003—Maps
- G09B29/005—Map projections or methods associated specifically therewith
Abstract
本发明属于停车场技术领域,特别涉及一种基于html5的室内停车场地图解决方法。包括地图测绘模块、地图数据存储模块、地图绘制模块、地图交互模块,其特征在于:所述的地图测绘模块使用一种基于html5的地图测绘技术,地图数据存储模块分为静态部分和动态部分,地图绘制模块基于html5的地图绘制技术,地图交互模块在采集动态数据时,将所需的数据采集到,在地图绘制完成后,用户即可进行交互。本发明有益效果是地图数据采集简单,速度快,动态更新地图简单方便,实时性高,轻松设计、实现用户交互。
Description
技术领域
本发明属于停车场技术领域,特别涉及一种基于html5的室内停车场地图解决方法。
背景技术
目前室内停车场地图使用的是简单的图片显示方法,即人工将室内地图绘制成图片后,使用app客户端加载图片显示地图。现有技术的问题与不足:难以动态的更新和显示地图中各类元素。由于地图中各元素都是在图片中固定的,因此难以动态的更新,例如底下停车场中车位的状态等。缺少丰富的用户交互。例如用户通过点击来预订某个车位并在地图中标记出来,用户同样也能在室内地图中看到其他用户预订并标记的车位。
现有方法的室内地图绘制复杂、耗时,需要大量的人工测量、排版、美化等工作。当地图需要更新时,例如地图元素名称替换和位置调整等,都需要手工调整并更新图片数据。
发明内容
本发明要解决的技术问题是提供一种基于html5的室内停车场地图解决方法,实现动态、美观、通用、交互丰富的功能。
为解决上述技术问题,本发明所采用技术方案是:一种基于html5的室内停车场地图解决方法,包括地图测绘模块、地图数据存储模块、地图绘制模块、地图交互模块,所述的地图测绘模块使用一种基于html5的地图测绘技术,地图数据存储模块分为静态部分和动态部分,地图绘制模块基于html5的地图绘制技术,地图交互模块在采集动态数据时,将所需的数据采集到,在地图绘制完成后,用户即可进行交互。
所述的地图测绘模块结合室内停车场的施工平面图,在网页端将室内停车场地图中最常用基本地图元素标注出来,并存储成相应的数据格式。
所述的地图数据存储模块为地图绘制、交互技术提供基础。
本发明的有益效果:
(1)地图数据采集简单,速度快。本发明将采集过程简化为网页端的点按标注操作,在电脑浏览器中即可完成操作,不必依赖大型软件,对电脑配置要求极低。对于一个中等大小的车库(300个车位左右),普通员工花费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端完成最优路径的计算后返回给网页端,网页端即可将导航路径显示在地图中,供用户参考。
Claims (3)
1.一种基于html5的室内停车场地图解决方法,包括地图测绘模块、地图数据存储模块、地图绘制模块、地图交互模块,其特征在于:所述的地图测绘模块使用一种基于html5的地图测绘技术,地图数据存储模块分为静态部分和动态部分,地图绘制模块基于html5的地图绘制技术,地图交互模块在采集动态数据时,将所需的数据采集到,在地图绘制完成后,用户即可进行交互。
2.根据权利要求1所述的一种基于html5的室内停车场地图解决方法,其特征在于:所述的地图测绘模块结合室内停车场的施工平面图,在网页端将室内停车场地图中最常用基本地图元素标注出来,并存储成相应的数据格式。
3. 根据权利要求1所述的一种基于html5的室内停车场地图解决方法,其特征在于:所述的地图数据存储模块为地图绘制、交互技术提供基础。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610055132.3A CN107015974A (zh) | 2016-01-28 | 2016-01-28 | 一种基于html5的室内停车场地图解决方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610055132.3A CN107015974A (zh) | 2016-01-28 | 2016-01-28 | 一种基于html5的室内停车场地图解决方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN107015974A true CN107015974A (zh) | 2017-08-04 |
Family
ID=59438893
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610055132.3A Pending CN107015974A (zh) | 2016-01-28 | 2016-01-28 | 一种基于html5的室内停车场地图解决方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107015974A (zh) |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107067950A (zh) * | 2016-12-12 | 2017-08-18 | 梁健宁 | 一种停车场地图解决方法 |
CN109637175A (zh) * | 2018-12-26 | 2019-04-16 | 浙江添锦建筑装饰工程有限公司 | 一种智能停车场管理系统 |
CN109920269A (zh) * | 2019-03-07 | 2019-06-21 | 珠海银邮光电信息工程有限公司 | 一种停车场虚拟车位管理系统和装置 |
CN110473422A (zh) * | 2019-07-16 | 2019-11-19 | 盐城工学院 | 一种室外公共区域地面停车位导航装置 |
CN110795643A (zh) * | 2019-11-04 | 2020-02-14 | 上海磁网科技有限公司 | 将感知场景从停车场细化到停车位的地图设计系统及方法 |
CN112948439A (zh) * | 2021-03-05 | 2021-06-11 | 北京北大千方科技有限公司 | 一种实时处理gis数据查询请求方法、装置、介质及设备 |
CN114065329A (zh) * | 2021-11-22 | 2022-02-18 | 费哲软件无锡有限公司 | 一种可视化室内地图的网页绘制方法、绘制系统及设备 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140278097A1 (en) * | 2013-03-13 | 2014-09-18 | Mohammad Suleiman KHORSHEED | Systems and methods for guidance |
CN104503755A (zh) * | 2014-12-22 | 2015-04-08 | 中软信息系统工程有限公司 | 基于html5高清位图的动态信息融合展现方法 |
CN104881430A (zh) * | 2015-04-17 | 2015-09-02 | 北京天耀宏图科技有限公司 | 一种基于纯网络脚本语言的跨终端自适应可视化电子地图实现方法 |
CN105160931A (zh) * | 2015-08-20 | 2015-12-16 | 成都市微泊科技有限公司 | 利用微地图及wifi位置定位的停车场车位导航系统 |
CN105227646A (zh) * | 2015-09-16 | 2016-01-06 | 中国测绘科学研究院 | 一种html5富客户端行政区划地图制图方法 |
-
2016
- 2016-01-28 CN CN201610055132.3A patent/CN107015974A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140278097A1 (en) * | 2013-03-13 | 2014-09-18 | Mohammad Suleiman KHORSHEED | Systems and methods for guidance |
CN104503755A (zh) * | 2014-12-22 | 2015-04-08 | 中软信息系统工程有限公司 | 基于html5高清位图的动态信息融合展现方法 |
CN104881430A (zh) * | 2015-04-17 | 2015-09-02 | 北京天耀宏图科技有限公司 | 一种基于纯网络脚本语言的跨终端自适应可视化电子地图实现方法 |
CN105160931A (zh) * | 2015-08-20 | 2015-12-16 | 成都市微泊科技有限公司 | 利用微地图及wifi位置定位的停车场车位导航系统 |
CN105227646A (zh) * | 2015-09-16 | 2016-01-06 | 中国测绘科学研究院 | 一种html5富客户端行政区划地图制图方法 |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107067950A (zh) * | 2016-12-12 | 2017-08-18 | 梁健宁 | 一种停车场地图解决方法 |
CN109637175A (zh) * | 2018-12-26 | 2019-04-16 | 浙江添锦建筑装饰工程有限公司 | 一种智能停车场管理系统 |
CN109920269A (zh) * | 2019-03-07 | 2019-06-21 | 珠海银邮光电信息工程有限公司 | 一种停车场虚拟车位管理系统和装置 |
CN110473422A (zh) * | 2019-07-16 | 2019-11-19 | 盐城工学院 | 一种室外公共区域地面停车位导航装置 |
CN110473422B (zh) * | 2019-07-16 | 2022-07-12 | 盐城工学院 | 一种室外公共区域地面停车位导航装置 |
CN110795643A (zh) * | 2019-11-04 | 2020-02-14 | 上海磁网科技有限公司 | 将感知场景从停车场细化到停车位的地图设计系统及方法 |
CN112948439A (zh) * | 2021-03-05 | 2021-06-11 | 北京北大千方科技有限公司 | 一种实时处理gis数据查询请求方法、装置、介质及设备 |
CN114065329A (zh) * | 2021-11-22 | 2022-02-18 | 费哲软件无锡有限公司 | 一种可视化室内地图的网页绘制方法、绘制系统及设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107015974A (zh) | 一种基于html5的室内停车场地图解决方法 | |
AU2019204746B2 (en) | Managing map elements using aggregate feature identifiers | |
CN103105929B (zh) | 虚拟农业园区交互式设计与体验方法及系统 | |
AU2011245657B2 (en) | Temporary formatting and charting of selected data | |
CN103620526B (zh) | 在计算机视觉应用中扩展交互半径的手势控制型技术 | |
CN107067950A (zh) | 一种停车场地图解决方法 | |
US20160012018A1 (en) | Information processing device, information processing method, information processing program, display control device, and display control program | |
CN104703044A (zh) | 一种图片弹幕发布方法 | |
CN102999573A (zh) | 条带状gis地图要素的缓存更新方法 | |
CN103970859A (zh) | 一种基于SVG的Google用户地图文本标注方法 | |
CN111078169B (zh) | 一种可视化大屏系统的前端装置及其搭建方法 | |
CN108140253A (zh) | 用于提供地图表示及可控时间段显示的计算机实现方法、客户端设备与可读存储介质 | |
CN106643774A (zh) | 一种导航路线生成方法及终端 | |
KR20140025533A (ko) | 정보 처리 장치, 정보 처리 방법 및 정보 처리 프로그램이 기록된 기록 매체 | |
CN112231608A (zh) | 一种嵌入式Web组态图元的实现方法 | |
CN109299412B (zh) | 应用于web端的图片预处理方法 | |
CN109408188A (zh) | 一种控件化自定义智能电视软件Launcher界面的方法 | |
CN103778512A (zh) | 一种蔬菜种植情况显示方法及装置 | |
CN103970763A (zh) | 三维图像展示系统及方法 | |
CN103795799A (zh) | 一种远程监控方法与系统 | |
CN102025943A (zh) | widget应用窗口在电视屏幕上的显示方法 | |
CN103685371A (zh) | 基于在线地图选择用户地点信息的方法 | |
EP3060973B1 (de) | Ansteuereinrichtung und verfahren zum verändern einer wiedergabe einer mehrzahl von anzeigebereichen | |
CN109725883A (zh) | 一种工业管控软件游戏化实现方法 | |
JP2019046191A (ja) | 情報表示プログラム、情報表示方法、端末装置、および配信装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
WD01 | Invention patent application deemed withdrawn after publication | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20170804 |