[發(fā)明專利]一種地圖標(biāo)注方法和裝置

在審

• 申請(qǐng)?zhí)枺?/td>: 201410223117.6
• 申請(qǐng)日: 2014-05-23
• 公開（公告）號(hào): CN104050238A
• 公開（公告）日: 2014-09-17
• 發(fā)明（設(shè)計(jì)）人: 杜雄;胡道生;夏曙東
• 申請(qǐng)（專利權(quán)）人: 北京中交興路信息科技有限公司
• 主分類號(hào): G06F17/30
• 分類號(hào): G06F17/30;G09B29/10
• 代理公司: 北京潤澤恒知識(shí)產(chǎn)權(quán)代理有限公司 11319
• 代理人: 蘇培華

技術(shù)領(lǐng)域

本發(fā)明涉及網(wǎng)頁技術(shù)領(lǐng)域，特別是涉及一種地圖標(biāo)注方法和裝置。

背景技術(shù)

主流Javascript地圖的應(yīng)用程序編程接口(Application?Programming?Interface，API)在標(biāo)注地圖興趣點(diǎn)時(shí)，首先創(chuàng)建網(wǎng)頁中DIV元素的文檔對(duì)象模型(Document?Object?Model，DOM)節(jié)點(diǎn)及嵌套的IMG元素的DOM節(jié)點(diǎn)，其次修改IMG的SRC屬性來鏈接預(yù)先制作的圖標(biāo)圖片，如可移植網(wǎng)絡(luò)圖形格式(Portable?Network?Graphic?Format，PNG)或圖像互換格式(Graphics?Interchange?Format，GIF)的圖片，然后改變DIV的STYPE屬性來定位屏幕位置，最后將DIV元素的DOM節(jié)點(diǎn)添加到地圖主DOM節(jié)點(diǎn)中，這個(gè)過程即完成一次地圖興趣點(diǎn)標(biāo)注。

但是，瀏覽器解析DOM的性能與DOM節(jié)點(diǎn)數(shù)和鏈接圖片數(shù)有很大關(guān)系，一般情況下，DOM節(jié)點(diǎn)數(shù)和鏈接圖片越少，瀏覽器解析和重繪HTMl頁面越快。

由于基于Javascript地圖API構(gòu)建的HTML地圖頁面都是通過拼接不同的DOM節(jié)點(diǎn)而組成。其在進(jìn)行地圖展示時(shí)，需要先依據(jù)DOM節(jié)點(diǎn)請(qǐng)求下載圖片，然后對(duì)頁面進(jìn)行渲染、排版等處理后再進(jìn)行展示。因此在地圖執(zhí)行平移等動(dòng)作時(shí)，地圖主DOM節(jié)點(diǎn)下的所有子DOM節(jié)點(diǎn)的屬性都會(huì)修改，而瀏覽器就需要重新下載圖片，然后重新渲染、重排并重繪，因此當(dāng)興趣點(diǎn)較多時(shí)，若執(zhí)行平移等動(dòng)作，地圖展示比較緩慢，甚至無法展示。

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

本發(fā)明提供了一種地圖標(biāo)注方法和裝置，以解決現(xiàn)有地圖支持興趣點(diǎn)較少的問題。

為了解決上述問題，本發(fā)明公開了一種地圖標(biāo)注方法，包括：

對(duì)瀏覽器的特性進(jìn)行檢測(cè)，并依據(jù)所述瀏覽器的特性選擇網(wǎng)頁標(biāo)簽元素，其中所述網(wǎng)頁標(biāo)簽元素采用腳本描述瀏覽器中展示的圖片；

當(dāng)所述網(wǎng)頁標(biāo)簽元素為第一元素時(shí)，采用所述第一元素對(duì)應(yīng)第一圖標(biāo)繪制模板繪制圖標(biāo)，其中，所述第一元素采用的是JavaScript腳本；

將所述第一元素的節(jié)點(diǎn)添加到地圖頁面的主節(jié)點(diǎn)中。

本發(fā)明一個(gè)可選實(shí)施例中，所述依據(jù)所述瀏覽器的特性選擇網(wǎng)頁標(biāo)簽元素之后，還包括：當(dāng)所述元素特性為第二元素時(shí)，依據(jù)所述第二元素對(duì)應(yīng)第二圖標(biāo)繪制模板獲取子元素，其中，所述第二元素采用的是可擴(kuò)展標(biāo)記語言文檔腳本；將所述子元素添加到所述第二元素對(duì)象的子節(jié)點(diǎn)中。

本發(fā)明一個(gè)可選實(shí)施例中，依據(jù)所述第二元素對(duì)應(yīng)第二圖標(biāo)繪制模板獲取子元素之前，還包括：檢測(cè)所述第二元素是否已創(chuàng)建；若所述第二元素未創(chuàng)建，則創(chuàng)建所述第二元素；若所述第二元素已創(chuàng)建，則獲取第二元素對(duì)象。

本發(fā)明一個(gè)可選實(shí)施例中，若為新創(chuàng)建的第二元素，則所述將所述子元素添加到所述第二元素對(duì)象的子節(jié)點(diǎn)之后，還包括：將所述第二元素的節(jié)點(diǎn)添加到所述地圖頁面的主節(jié)點(diǎn)中。

本發(fā)明一個(gè)可選實(shí)施例中，所述第二元素為可縮放矢量圖形SVG元素，或矢量可標(biāo)記語言VML元素。

本發(fā)明還公開了一種地圖標(biāo)注裝置，包括：

檢測(cè)并選擇模塊，用于對(duì)瀏覽器的特性進(jìn)行檢測(cè)，并依據(jù)所述瀏覽器的特性選擇網(wǎng)頁標(biāo)簽元素，其中所述網(wǎng)頁標(biāo)簽元素采用腳本描述瀏覽器中展示的圖片；

繪制模塊，用于當(dāng)所述網(wǎng)頁標(biāo)簽元素為第一元素時(shí)，采用所述第一元素對(duì)應(yīng)第一圖標(biāo)繪制模板繪制圖標(biāo)，其中，所述第一元素采用的是JavaScript腳本；

添加模塊，用于將所述第一元素的節(jié)點(diǎn)添加到地圖的主節(jié)點(diǎn)中。

本發(fā)明一個(gè)可選實(shí)施例中，還包括：獲取模塊，用于當(dāng)所述元素特性為第二元素時(shí)，依據(jù)所述第二元素對(duì)應(yīng)第二圖標(biāo)繪制模板獲取子元素，其中，所述第二元素采用的是可擴(kuò)展標(biāo)記語言文檔腳本；所述添加模塊，還用于將所述子元素添加到所述第二元素對(duì)象的子節(jié)點(diǎn)中。

本發(fā)明一個(gè)可選實(shí)施例中，還包括：創(chuàng)建檢測(cè)模塊，用于檢測(cè)所述第二元素是否以創(chuàng)建；執(zhí)行模塊，用于當(dāng)所述第二元素未創(chuàng)建時(shí)，創(chuàng)建所述第二元素；當(dāng)所述第二元素已創(chuàng)建時(shí)，獲取第二元素對(duì)象。

本發(fā)明一個(gè)可選實(shí)施例中，所述添加模塊，還用于將所述第二元素的節(jié)點(diǎn)添加到所述地圖的主節(jié)點(diǎn)中。

本發(fā)明一個(gè)可選實(shí)施例中，所述第二元素為可縮放矢量圖形SVG元素，或矢量可標(biāo)記語言VML元素。

與現(xiàn)有技術(shù)相比，本發(fā)明包括以下優(yōu)點(diǎn)：