本發(fā)明屬于停車場技術(shù)領(lǐng)域，特別涉及一種停車場地圖解決方法。
背景技術(shù)：
目前室內(nèi)停車場地圖使用的是簡單的圖片顯示方法，即人工將室內(nèi)地圖繪制成圖片后，使用app客戶端加載圖片顯示地圖。現(xiàn)有技術(shù)的問題與不足：難以動態(tài)的更新和顯示地圖中各類元素。由于地圖中各元素都是在圖片中固定的，因此難以動態(tài)的更新，例如底下停車場中車位的狀態(tài)等。缺少豐富的用戶交互。例如用戶通過點(diǎn)擊來預(yù)訂某個(gè)車位并在地圖中標(biāo)記出來，用戶同樣也能在室內(nèi)地圖中看到其他用戶預(yù)訂并標(biāo)記的車位。
現(xiàn)有方法的室內(nèi)地圖繪制復(fù)雜、耗時(shí)，需要大量的人工測量、排版、美化等工作。當(dāng)?shù)貓D需要更新時(shí)，例如地圖元素名稱替換和位置調(diào)整等，都需要手工調(diào)整并更新圖片數(shù)據(jù)。
技術(shù)實(shí)現(xiàn)要素：
本發(fā)明要解決的技術(shù)問題是提供一種停車場地圖解決方法，實(shí)現(xiàn)動態(tài)、美觀、通用、交互豐富的功能。
為解決上述技術(shù)問題，本發(fā)明所采用技術(shù)方案是：一種停車場地圖解決方法，包括地圖測繪模塊、地圖數(shù)據(jù)存儲模塊、地圖繪制模塊、地圖交互模塊，其特征在于：所述的地圖測繪模塊使用一種基于html5的地圖測繪技術(shù)，地圖數(shù)據(jù)存儲模塊分為靜態(tài)部分和動態(tài)部分，地圖繪制模塊基于html5的地圖繪制技術(shù)，地圖交互模塊在采集動態(tài)數(shù)據(jù)時(shí)，將所需的數(shù)據(jù)采集到，在地圖繪制完成后，用戶即可進(jìn)行交互。
所述的地圖測繪模塊結(jié)合室內(nèi)停車場的施工平面圖，在網(wǎng)頁端將室內(nèi)停車場地圖中最常用基本地圖元素標(biāo)注出來，并存儲成相應(yīng)的數(shù)據(jù)格式。
所述的地圖數(shù)據(jù)存儲模塊為地圖繪制、交互技術(shù)提供基礎(chǔ)。
本發(fā)明的有益效果：
(1)地圖數(shù)據(jù)采集簡單，速度快。本發(fā)明將采集過程簡化為網(wǎng)頁端的點(diǎn)按標(biāo)注操作，在電腦瀏覽器中即可完成操作，不必依賴大型軟件，對電腦配置要求極低。對于一個(gè)中等大小的車庫，普通員工花費(fèi)1～2小時(shí)即可完成地圖數(shù)據(jù)標(biāo)注。而當(dāng)之后地圖數(shù)據(jù)需要修改時(shí)，例如需要新增車位時(shí)，可以使用同樣的方法，在網(wǎng)頁端將新增的車位標(biāo)注后，導(dǎo)出地圖數(shù)據(jù)并與原地圖數(shù)據(jù)合并即可，而不必重新渲染整個(gè)地圖。
(2)動態(tài)更新地圖簡單方便，實(shí)時(shí)性高。由于本發(fā)明的方法中，將地圖分為動態(tài)數(shù)據(jù)和靜態(tài)數(shù)據(jù)，其中動態(tài)數(shù)據(jù)的繪制完全由程序控制，因此可以簡單輕松的通過控制繪制以及重繪程序來實(shí)現(xiàn)地圖的動態(tài)更新等需求。
(3)輕松設(shè)計(jì)、實(shí)現(xiàn)用戶交互。由于動態(tài)數(shù)據(jù)和靜態(tài)數(shù)據(jù)的分離性，在開發(fā)時(shí)可以根據(jù)交互需求采集所需要的地圖數(shù)據(jù)。而另一方面，html的用戶交互借口也足夠豐富，足以應(yīng)付普通的交互需求。另外，當(dāng)交互的計(jì)算量較大是，可以將數(shù)據(jù)發(fā)送給app端進(jìn)行計(jì)算，以提高響應(yīng)速度。
具體實(shí)施方式
下面參照附圖并結(jié)合實(shí)施例對本發(fā)明作進(jìn)一步的詳細(xì)描述。
一種基于html5的室內(nèi)停車場地圖解決方法，包括地圖測繪模塊、地圖數(shù)據(jù)存儲模塊、地圖繪制模塊、地圖交互模塊，所述的地圖測繪模塊使用一種基于html5的地圖測繪技術(shù)，地圖數(shù)據(jù)存儲模塊分為靜態(tài)部分和動態(tài)部分，地圖繪制模塊基于html5的地圖繪制技術(shù)，地圖交互模塊在采集動態(tài)數(shù)據(jù)時(shí)，將所需的數(shù)據(jù)采集到，在地圖繪制完成后，用戶即可進(jìn)行交互。
所述的地圖測繪模塊結(jié)合室內(nèi)停車場的施工平面圖，在網(wǎng)頁端將室內(nèi)停車場地圖中最常用基本地圖元素標(biāo)注出來，并存儲成相應(yīng)的數(shù)據(jù)格式。
所述的地圖數(shù)據(jù)存儲模塊為地圖繪制、交互技術(shù)提供基礎(chǔ)。
地圖測繪技術(shù)實(shí)施細(xì)節(jié)：對室內(nèi)停車場的施工平面圖進(jìn)行加工處理。保留了關(guān)鍵信息元素，例如道路、墻壁、車位等信息，去除了其余非相關(guān)的信息，例如電路鋪設(shè)、管道鋪設(shè)信息等。將加工后的施工平面圖保存成圖片，作為地圖繪制的底圖，在網(wǎng)頁端使用html5畫布進(jìn)行加載顯示，作為后一步地圖標(biāo)注的基礎(chǔ)。
對道路進(jìn)行標(biāo)注。在網(wǎng)頁中底圖的基礎(chǔ)上，通過簡單的鼠標(biāo)點(diǎn)擊起點(diǎn)終點(diǎn)的位置，即可在底圖上標(biāo)明出道路信息。道路信息可以支持之后的室內(nèi)停車場地圖導(dǎo)航、交互等操作。
對停車車位進(jìn)行標(biāo)注。與道路標(biāo)注類似，在網(wǎng)頁中點(diǎn)擊底圖上車位的左上角位置，并輸入車位的長和寬，即可將底圖中的車位標(biāo)注出來。車位信息是室內(nèi)停車場地圖中的關(guān)鍵信息，車位信息標(biāo)注出了地圖中哪里有可用車位，也為之后車位狀態(tài)的實(shí)時(shí)顯示提供基礎(chǔ)。
對圖例元素進(jìn)行標(biāo)注。同樣與道路標(biāo)注類似，在網(wǎng)頁中點(diǎn)擊底圖上需要添加的圖例元素的位置，例如出入口、電梯、樓梯位置等，并添加相應(yīng)的標(biāo)簽即可。圖例元素可以使室內(nèi)停車場地圖更加豐富，對用戶更加友好，簡單易用。
對用戶交互的地圖標(biāo)注進(jìn)行存儲。在用戶標(biāo)注結(jié)束后，所有的標(biāo)注信息還是存在于瀏覽器緩存中，將標(biāo)注信息規(guī)范化成json數(shù)據(jù)格式后，以下載文件的方式將數(shù)據(jù)保存在本地。
對施工平面圖的底圖進(jìn)行進(jìn)一步美化處理。原始的施工平面圖底圖一般是autocad等格式，由線段圖標(biāo)等組成，不夠用戶友好。可以根據(jù)最終室內(nèi)停車場地圖的效果需要，將墻體和道路等部分進(jìn)行填色等美化工作，使得最終的地圖更佳美觀。
地圖數(shù)據(jù)存儲技術(shù)實(shí)施細(xì)節(jié)：靜態(tài)部分即是根據(jù)施工平面圖美化后的部分，代表室內(nèi)停車場的地圖的固定部分，例如墻體、道路等，不會發(fā)生動態(tài)的變化、更新等，因此采用jpg格式的圖片進(jìn)行存儲。
動態(tài)部分即是在繪制地圖時(shí)標(biāo)注出來的部分，該部分?jǐn)?shù)據(jù)涉及到動態(tài)的更新或者用戶的交互，因此轉(zhuǎn)換成json數(shù)據(jù)，作為javascript變量存儲在js格式的文件中，方便壓縮以及在app端顯示。
地圖繪制技術(shù)實(shí)施細(xì)節(jié)：在app端新建一個(gè)webview控件，并顯示在窗口中。webview控件基于app自帶的瀏覽器，能夠加載并顯示html5網(wǎng)頁，并支持各種網(wǎng)頁端的操作，例如點(diǎn)按、縮放等。
加載地圖底圖圖片，顯示在html5的canvas控件中。
加載存儲在js格式文件中的其余的動態(tài)地圖數(shù)據(jù)。
根據(jù)地圖動態(tài)數(shù)據(jù)，繪制地圖的動態(tài)部分，例如根據(jù)車位數(shù)據(jù)的長寬，使用長方形將室內(nèi)停車場車位繪制在底圖之上，并且根據(jù)app端的更新數(shù)據(jù)，實(shí)時(shí)的更新車位狀態(tài)，并用重繪顏色來表示不同的狀態(tài)，例如綠色是空閑，紅色是占用，黃色是已預(yù)約等。
地圖用戶交互技術(shù)實(shí)施細(xì)節(jié)：以室內(nèi)停車場導(dǎo)航交互舉例。用戶可以在地圖上選擇起點(diǎn)和終點(diǎn)，并點(diǎn)擊導(dǎo)航按鈕，網(wǎng)頁端即可將用戶交互的信息以及地圖數(shù)據(jù)中的道路信息發(fā)送給app端，在app端完成最優(yōu)路徑的計(jì)算后返回給網(wǎng)頁端，網(wǎng)頁端即可將導(dǎo)航路徑顯示在地圖中，供用戶參考。