編寫一套可自適應(yīng)不同終端的展現(xiàn)樣式庫(kù)，接下來(lái)會(huì)利用HTML5標(biāo)準(zhǔn)的強(qiáng)大跨終端繪制能力實(shí)現(xiàn)在不同的終端上的電子地圖自適應(yīng)動(dòng)態(tài)繪制模型，結(jié)合這三種技術(shù)從根本上解決電子地圖的跨終端自適應(yīng)可視化問(wèn)題。對(duì)于電子地圖來(lái)說(shuō)，最為重要的無(wú)外乎:地圖本身的數(shù)據(jù)調(diào)度邏輯、程序本身與用戶之間的交互；獲取到數(shù)據(jù)后的地圖繪制；以及所繪制出的點(diǎn)線面這樣的幾何圖形的樣式與顏色這三部分內(nèi)容組成。而javascript語(yǔ)言本身是一個(gè)跨瀏覽器的程序邏輯實(shí)現(xiàn)與交互語(yǔ)言，HTML5是一個(gè)由W3C所定義的在瀏覽器端的圖形繪制語(yǔ)言，并且該語(yǔ)言相較原有的瀏覽器繪制語(yǔ)言來(lái)說(shuō)，具有高速和標(biāo)準(zhǔn)化等優(yōu)點(diǎn)，現(xiàn)在幾乎被各種瀏覽器所支持，CSS3本身是一種用于在瀏覽器中實(shí)現(xiàn)各種樣式與布局的專用語(yǔ)言，并具有傳統(tǒng)樣式表技術(shù)所不具備的效果和性能，本發(fā)明將這三種技術(shù)相結(jié)合進(jìn)行使用，從而在瀏覽器端真正解決電子地圖的自適應(yīng)可視化問(wèn)題。
[0035]其中，基于JavaScript語(yǔ)言標(biāo)準(zhǔn)編寫一套網(wǎng)絡(luò)電子地圖實(shí)現(xiàn)與展現(xiàn)的API運(yùn)行在用戶終端上，當(dāng)用戶終端為移動(dòng)終端時(shí)，可以采用虛擬圖標(biāo)作為所述跨終端自適應(yīng)可視化電子地圖的入口，當(dāng)用戶觸發(fā)所述虛擬圖標(biāo)時(shí)，調(diào)用該移動(dòng)終端上自帶的瀏覽器，其中，所打開的瀏覽器頁(yè)面僅包含展現(xiàn)窗口，而沒(méi)有一般瀏覽器的URL地址欄，狀態(tài)欄等。
[0036]上述接口 API是指用于針對(duì)展示地圖平臺(tái)的能夠被其他程序或二次開發(fā)人員調(diào)用的一套程序接口。
[0037]上述展現(xiàn)窗口是指將通常在各終端上使用的瀏覽器除了 URL地址欄、狀態(tài)欄、工具欄等以外的部分稱之為展現(xiàn)窗口，在調(diào)用瀏覽器時(shí)自動(dòng)將這些部分隱藏掉(隱藏的手段是瀏覽器本身提供的，并且可以通過(guò)腳本自動(dòng)調(diào)用)，這樣做的目的是讓使用者感覺和通常的APP窗口相同，而瀏覽器本身是可以通過(guò)腳本的調(diào)用自動(dòng)向服務(wù)器端發(fā)送請(qǐng)求并返回所請(qǐng)求的地圖數(shù)據(jù)的，不需要用戶主動(dòng)地去輸入如http://map.baidu.com/這樣的URL，原因是對(duì)于客戶端來(lái)說(shuō)地圖服務(wù)器都是一個(gè)相同的統(tǒng)一入口。
[0038]其中，所述展現(xiàn)樣式庫(kù)包括有多種，每種展現(xiàn)樣式庫(kù)對(duì)應(yīng)一種相應(yīng)類型的用戶終端以實(shí)現(xiàn)在相應(yīng)用戶終端上的顯示展現(xiàn)，每種展現(xiàn)樣式庫(kù)均以CSS3標(biāo)準(zhǔn)建立。
[0039]其中，所述矢量繪制模型包括有多種，每種矢量繪制模型對(duì)應(yīng)一種相應(yīng)類型的用戶終端以實(shí)現(xiàn)在相應(yīng)用戶終端上的前端地圖的動(dòng)態(tài)矢量繪制，每種矢量繪制模型均以HTML5標(biāo)準(zhǔn)建立。
[0040]在本發(fā)明的實(shí)施例中，主腳本文件本身對(duì)于不同終端的識(shí)別是根據(jù)終端向服務(wù)器的第一次請(qǐng)求所判定的，系統(tǒng)會(huì)根據(jù)不同終端調(diào)用不同的展現(xiàn)樣式表，從而解決在不同展現(xiàn)終端上由于終端的運(yùn)算能力，展現(xiàn)能力，屏幕分辨率大小等差異所造成的電子地圖本身的風(fēng)格差異冋題。
[0041]另外針對(duì)移動(dòng)終端，本發(fā)明采用了虛擬圖標(biāo)技術(shù)，即對(duì)于使用者來(lái)說(shuō)，他所能看到的、在移動(dòng)端上的電子地圖入口和一般的移動(dòng)端APP的圖標(biāo)相同，但是該入口其實(shí)內(nèi)部沒(méi)有任何電子地圖的相關(guān)實(shí)現(xiàn)，只是去調(diào)用了終端上自帶的瀏覽器，但其所打開的瀏覽器只包含展現(xiàn)窗口部分而沒(méi)有一般瀏覽器的URL地址欄，狀態(tài)欄等，這樣對(duì)于用戶來(lái)說(shuō)一方面不需要輸入電子地圖的訪問(wèn)地址，另一方面在使用習(xí)慣上也會(huì)與一般的移動(dòng)端APP相同，該圖標(biāo)類似于一個(gè)快捷方式。該解決方案本質(zhì)上不論是在PC端還是各類移動(dòng)端所調(diào)用的都是同一套電子地圖API，只是服務(wù)器根據(jù)終端的不同調(diào)用了不同的樣式表而已，該技術(shù)既避免了傳統(tǒng)方式中針對(duì)不同終端的多次開發(fā)和后期的維護(hù)成本較高的弊病又保持的電子地圖在不同終端的風(fēng)格一致性，并實(shí)現(xiàn)了電子地圖在前端的動(dòng)態(tài)矢量繪制功能，最終實(shí)現(xiàn)真正意義上的跨終端自適應(yīng)可視化電子地圖。一句話來(lái)形容該技術(shù)，即一處編寫，處處運(yùn)行。
[0042]綜上可知，本發(fā)明一方面由于使用統(tǒng)一的開發(fā)語(yǔ)言及標(biāo)準(zhǔn)需要投入的人力較少，另一方面由于腳本語(yǔ)言的易用性從而降低了對(duì)開發(fā)人員的技術(shù)要求。由于對(duì)不同終端的支持只需要不同的樣式庫(kù)使得系統(tǒng)本身的版本較少，維護(hù)成本較低，升級(jí)速度快，能夠更好的滿足用戶的需求。電子地圖本身對(duì)于不同終端的顯示風(fēng)格將趨于一致，二次開發(fā)較容易。
[0043]本領(lǐng)域普通技術(shù)人員可以理解:附圖只是一個(gè)實(shí)施例的示意圖，附圖中的模塊或流程并不一定是實(shí)施本發(fā)明所必須的。
[0044]本領(lǐng)域普通技術(shù)人員可以理解:實(shí)施例中的裝置中的模塊可以按照實(shí)施例描述分布于實(shí)施例的裝置中，也可以進(jìn)行相應(yīng)變化位于不同于本實(shí)施例的一個(gè)或多個(gè)裝置中。上述實(shí)施例的模塊可以合并為一個(gè)模塊，也可以進(jìn)一步拆分成多個(gè)子模塊。
[0045]最后應(yīng)說(shuō)明的是:以上實(shí)施例僅用以說(shuō)明本發(fā)明的技術(shù)方案，而非對(duì)其限制；盡管參照前述實(shí)施例對(duì)本發(fā)明進(jìn)行了詳細(xì)的說(shuō)明，本領(lǐng)域的普通技術(shù)人員應(yīng)當(dāng)理解:其依然可以對(duì)前述實(shí)施例所記載的技術(shù)方案進(jìn)行修改，或者對(duì)其中部分技術(shù)特征進(jìn)行等同替換；而這些修改或者替換，并不使相應(yīng)技術(shù)方案的本質(zhì)脫離本發(fā)明實(shí)施例技術(shù)方案的精神和范圍。
【主權(quán)項(xiàng)】
1.一種基于純網(wǎng)絡(luò)腳本語(yǔ)言的跨終端自適應(yīng)可視化電子地圖實(shí)現(xiàn)方法，其特征在于，包括以下步驟: 接收由用戶終端瀏覽器發(fā)出的電子地圖獲取請(qǐng)求，根據(jù)所述電子地圖獲取請(qǐng)求辨別出用戶終端類型，其中，所述電子地圖獲取請(qǐng)求中包含用于識(shí)別用戶終端類型的信息和所請(qǐng)求的地圖數(shù)據(jù)信息； 調(diào)用主腳本文件，通過(guò)所述主腳本文件獲取所述用戶終端類型對(duì)應(yīng)的展現(xiàn)樣式庫(kù)，以及通過(guò)所述主腳本文件調(diào)用所述用戶終端類型匹配的矢量繪制模型； 所請(qǐng)求的地圖數(shù)據(jù)信息，通過(guò)所述主腳本文件向后端地圖數(shù)據(jù)庫(kù)請(qǐng)求獲取所請(qǐng)求的地圖數(shù)據(jù)； 將所獲取的匹配腳本、展現(xiàn)樣式庫(kù)、矢量繪制模型以及所請(qǐng)求的地圖數(shù)據(jù)發(fā)送到所述用戶終端的瀏覽器上進(jìn)行地圖展現(xiàn)。2.根據(jù)權(quán)利要求1所述的跨終端自適應(yīng)可視化電子地圖實(shí)現(xiàn)方法，其特征在于，基于JavaScript語(yǔ)言標(biāo)準(zhǔn)編寫一套網(wǎng)絡(luò)電子地圖實(shí)現(xiàn)與展現(xiàn)的應(yīng)用程序接口 API。3.根據(jù)權(quán)利要求1所述的跨終端自適應(yīng)可視化電子地圖實(shí)現(xiàn)方法，其特征在于，所述展現(xiàn)樣式庫(kù)包括有多種，每種展現(xiàn)樣式庫(kù)對(duì)應(yīng)一種相應(yīng)類型的用戶終端以實(shí)現(xiàn)在相應(yīng)用戶終端上的顯示展現(xiàn)，每種展現(xiàn)樣式庫(kù)均以CSS3標(biāo)準(zhǔn)建立。4.根據(jù)權(quán)利要求1所述的跨終端自適應(yīng)可視化電子地圖實(shí)現(xiàn)方法，其特征在于，所述矢量繪制模型包括有多種，每種矢量繪制模型對(duì)應(yīng)一種相應(yīng)類型的用戶終端以實(shí)現(xiàn)在相應(yīng)用戶終端上的前端地圖的動(dòng)態(tài)矢量繪制，每種矢量繪制模型均以HTML5標(biāo)準(zhǔn)建立。5.根據(jù)權(quán)利要求1所述的跨終端自適應(yīng)可視化電子地圖實(shí)現(xiàn)方法，其特征在于，在移動(dòng)終端，采用虛擬圖標(biāo)作為所述跨終端自適應(yīng)可視化電子地圖的入口，當(dāng)用戶觸發(fā)所述虛擬圖標(biāo)時(shí)，調(diào)用該移動(dòng)終端上自帶的瀏覽器，其中，所打開的瀏覽器頁(yè)面僅包含展現(xiàn)窗口。
【專利摘要】本發(fā)明公開一種基于純網(wǎng)絡(luò)腳本語(yǔ)言的跨終端自適應(yīng)可視化電子地圖實(shí)現(xiàn)方法，包括以下步驟：接收由用戶終端瀏覽器發(fā)出的電子地圖獲取請(qǐng)求，根據(jù)所述電子地圖獲取請(qǐng)求辨別出用戶終端類型，其中，所述電子地圖獲取請(qǐng)求中包含用于識(shí)別用戶終端類型的信息和所請(qǐng)求的地圖數(shù)據(jù)信息；調(diào)用主腳本文件，通過(guò)所述主腳本文件獲取所述用戶終端類型對(duì)應(yīng)的展現(xiàn)樣式庫(kù)，以及通過(guò)所述主腳本文件調(diào)用所述用戶終端類型匹配的矢量繪制模型；所請(qǐng)求的地圖數(shù)據(jù)信息，通過(guò)所述主腳本文件向后端地圖數(shù)據(jù)庫(kù)請(qǐng)求獲取所請(qǐng)求的地圖數(shù)據(jù)；將所獲取的匹配腳本、展現(xiàn)樣式庫(kù)、矢量繪制模型以及所請(qǐng)求的地圖數(shù)據(jù)發(fā)送到所述用戶終端的瀏覽器上進(jìn)行地圖展現(xiàn)。
【IPC分類】G06F17/30
【公開號(hào)】CN104881430
【申請(qǐng)?zhí)枴緾N201510184830
【發(fā)明人】陳菡, 王嘉, 歐翔
【申請(qǐng)人】北京天耀宏圖科技有限公司
【公開日】2015年9月2日
【申請(qǐng)日】2015年4月17日