一種基于純網(wǎng)絡(luò)腳本語言的跨終端自適應(yīng)可視化電子地圖實現(xiàn)方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及網(wǎng)絡(luò)地理信息系統(tǒng)領(lǐng)域，具體而言，涉及一種基于純網(wǎng)絡(luò)腳本語言的跨終端自適應(yīng)可視化電子地圖實現(xiàn)方法。
【背景技術(shù)】
[0002]在現(xiàn)有的網(wǎng)絡(luò)地理信息系統(tǒng)(WebGIS)領(lǐng)域，針對不同終端需要根據(jù)各終端的特點(即其顯示處理能力等)進行單獨的WebGIS地圖軟件開發(fā)，針對不同終端的適用主要是通過利用在不同終端中可以使用的不同開發(fā)語言，開發(fā)適應(yīng)不同終端和相應(yīng)操作系統(tǒng)的應(yīng)用程序，如:PC端服務(wù)，手機端APP，Pad端APP等，并會根據(jù)不同終端的不同操作系統(tǒng)進行相應(yīng)的開發(fā)，如:移動端安卓系統(tǒng)和1S系統(tǒng)，這種針對不同終端的適應(yīng)方式的缺點主要體現(xiàn)為，較多的開發(fā)人力投入，對開發(fā)人員針對不同終端的開發(fā)語言的掌握要求嚴格，由于各自開發(fā)造成維護版本眾多，對后期的版本升級造成困難，對新需求的響應(yīng)速度慢，由于開發(fā)語言不同會出現(xiàn)展現(xiàn)風(fēng)格的不一致，對基于該電子地圖的二次開發(fā)人員來說不容易掌握。

【發(fā)明內(nèi)容】

[0003]本發(fā)明提供一種基于純網(wǎng)絡(luò)腳本語言的跨終端自適應(yīng)可視化電子地圖實現(xiàn)方法，用以克服現(xiàn)有技術(shù)中存在的既耗費人力又不能保持WebGIS地圖的統(tǒng)一風(fēng)格和性能的缺點。
[0004]在現(xiàn)有WebGIS領(lǐng)域中
[0005]為達到上述目的，本發(fā)明提供了一種基于純網(wǎng)絡(luò)腳本語言的跨終端自適應(yīng)可視化電子地圖實現(xiàn)方法，包括以下步驟:
[0006]接收由用戶終端瀏覽器發(fā)出的電子地圖獲取請求，根據(jù)所述電子地圖獲取請求辨別出用戶終端類型，其中，所述電子地圖獲取請求中包含用于識別用戶終端類型的信息和所請求的地圖數(shù)據(jù)信息；
[0007]調(diào)用主腳本文件，通過所述主腳本文件獲取所述用戶終端類型對應(yīng)的展現(xiàn)樣式庫，以及通過所述主腳本文件調(diào)用所述用戶終端類型匹配的矢量繪制模型；
[0008]所請求的地圖數(shù)據(jù)信息，通過所述主腳本文件向后端地圖數(shù)據(jù)庫請求獲取所請求的地圖數(shù)據(jù)；
[0009]將所獲取的匹配腳本、展現(xiàn)樣式庫、矢量繪制模型以及所請求的地圖數(shù)據(jù)發(fā)送到所述用戶終端的瀏覽器上進行地圖展現(xiàn)。
[0010]進一步地，基于JavaScript語言標準編寫一套網(wǎng)絡(luò)電子地圖實現(xiàn)與展現(xiàn)的API。
[0011]進一步地，所述展現(xiàn)樣式庫包括有多種，每種展現(xiàn)樣式庫對應(yīng)一種相應(yīng)類型的用戶終端以實現(xiàn)在相應(yīng)用戶終端上的顯示展現(xiàn)，每種展現(xiàn)樣式庫均以CSS3標準建立。
[0012]進一步地，所述矢量繪制模型包括有多種，每種矢量繪制模型對應(yīng)一種相應(yīng)類型的用戶終端以實現(xiàn)在相應(yīng)用戶終端上的前端地圖的動態(tài)矢量繪制，每種矢量繪制模型均以HTML5標準建立。
[0013]進一步地，在移動終端，采用虛擬圖標作為所述跨終端自適應(yīng)可視化電子地圖的入口，當用戶觸發(fā)所述虛擬圖標時，調(diào)用該移動終端上自帶的瀏覽器，其中，所打開的瀏覽器頁面僅包含展現(xiàn)窗口。
[0014]與現(xiàn)有技術(shù)相比，本發(fā)明實現(xiàn)了以下有益效果:
[0015]1、對于軟件開發(fā)公司來說，節(jié)省人力，縮短開發(fā)時間，精簡軟件版本，提高系統(tǒng)升級維護效率；
[0016]2、對于各終端的二次開發(fā)人員來說可以做到開發(fā)門檻滴，上手速度快，易于掌握；
[0017]3、做到一處編寫，處處運行，實現(xiàn)真正意義上的自適應(yīng)可視化電子地圖。
【附圖說明】
[0018]為了更清楚地說明本發(fā)明實施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對實施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他的附圖。
[0019]圖1為本發(fā)明一個實施例的基于純網(wǎng)絡(luò)腳本語言的跨終端自適應(yīng)可視化電子地圖實現(xiàn)方法流程圖。
【具體實施方式】
[0020]下面將結(jié)合本發(fā)明實施例中的附圖，對本發(fā)明實施例中的技術(shù)方案進行清楚、完整地描述，顯然，所描述的實施例僅僅是本發(fā)明一部分實施例，而不是全部的實施例?；诒景l(fā)明中的實施例，本領(lǐng)域普通技術(shù)人員在沒有付出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都屬于本發(fā)明保護的范圍。
[0021]本發(fā)明實現(xiàn)過程是，如果希望實現(xiàn)同一程序在不同終端的自適應(yīng)，那么首先需要找到一個可以運行在不同終端、不同操作系統(tǒng)的開發(fā)語言，這種語言即網(wǎng)絡(luò)腳本語言，之所以做出該判斷是因為現(xiàn)有各類智能終端，無論是PC，手機或Pad等都預(yù)裝有瀏覽器，而腳本語言是運行在瀏覽器上的一種語言，再者由于HTML5、CSS3等新標準的出現(xiàn)統(tǒng)一了各瀏覽器的解析識別規(guī)則，這就使得腳本語言成為可以運行在任意智能終端和不同操作系統(tǒng)上的唯一編程語言，從而使我們的這種新技術(shù)的實現(xiàn)成為可能。而我們所提出的該技術(shù)正是基于以上的判定并利用這些新的通用標準而實現(xiàn)的。
[0022]本發(fā)明中涉及的技術(shù)名詞解釋如下:
[0023]電子地圖:電子地圖是地圖制作和應(yīng)用的一個系統(tǒng)，是由電子計算機控制所生成的地圖，是基于數(shù)字制圖技術(shù)的屏幕地圖，是可視化的實地圖。
[0024]腳本語言:腳本語言是為了縮短傳統(tǒng)的編寫-編譯-鏈接-運行(edit-compile-link-run)過程而創(chuàng)建的計算機編程語言。它的命名起源于一個腳本“screenplay”，每次運行都會使對話框逐字重復(fù)。一個腳本通常是解釋執(zhí)行而非編譯。腳本語言通常都有簡單、易學(xué)、易用的特性，目的就是希望能讓程序員快速完成程序的編寫工作。
[0025]JavaScript語言JavaScript—種直譯式腳本語言，是一種動態(tài)類型、弱類型、基于原型的語言，內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML(標準通用標記語言下的一個應(yīng)用)網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動態(tài)功能。
[0026]HTML5標準:萬維網(wǎng)的核心語言、標準通用標記語言下的一個應(yīng)用超文本標記語言(HTML)的第五次重大修改。2014年10月29日，萬維網(wǎng)聯(lián)盟宣布，經(jīng)過幾乎8年的艱辛努力，該標準規(guī)范終于最終制定完成。
[0027]CSS3標準:CSS即層疊樣式表(Cascading StyleSheet)。在網(wǎng)頁制作時米用層疊樣式表技術(shù)，可以有效地對頁面的布局、字體、顏色、背景和其它效果實現(xiàn)更加精確的控制。CSS3是CSS技術(shù)的升級版本，CSS3語言開發(fā)是朝著模塊化發(fā)展的。
[0028]圖1為本發(fā)明一個實施例的基于純網(wǎng)絡(luò)腳本語言的跨終端自適應(yīng)可視化電子地圖實現(xiàn)方法流程圖。如圖所示，該基于純網(wǎng)絡(luò)腳本語言的跨終端自適應(yīng)可視化電子地圖實現(xiàn)方法包括以下步驟:
[0029]接收由用戶終端瀏覽器發(fā)出的電子地圖獲取請求，根據(jù)所述電子地圖獲取請求辨別出用戶終端類型，其中，所述電子地圖獲取請求中包含用于識別用戶終端類型的信息和所請求的地圖數(shù)據(jù)信息；
[0030]調(diào)用主腳本文件，通過所述主腳本文件獲取所述用戶終端類型對應(yīng)的展現(xiàn)樣式庫，以及通過所述主腳本文件調(diào)用所述用戶終端類型匹配的矢量繪制模型；
[0031]所請求的地圖數(shù)據(jù)信息，通過所述主腳本文件向后端地圖數(shù)據(jù)庫請求獲取所請求的地圖數(shù)據(jù)；
[0032]將所獲取的匹配腳本、展現(xiàn)樣式庫、矢量繪制模型以及所請求的地圖數(shù)據(jù)發(fā)送到所述用戶終端的瀏覽器上進行地圖展現(xiàn)。
[0033]其中，上述匹配腳本是根據(jù)用戶的終端類型及其上的瀏覽器類型自動匹配的相適應(yīng)的腳本。
[0034]在具體實施時，可以首先基于JavaScript語言標準編寫一套網(wǎng)絡(luò)電子地圖實現(xiàn)與展現(xiàn)的API，然后利用CSS3標準