一種地圖標注方法和裝置制造方法【專利摘要】本發(fā)明提供了一種地圖標注方法和裝置,以解決現(xiàn)有地圖支持興趣點較少的問題。所述的方法包括:對瀏覽器的特性進行檢測,并依據(jù)所述瀏覽器的特性選擇網(wǎng)頁標簽元素,其中所述網(wǎng)頁標簽元素采用腳本描述瀏覽器中展示的圖片;當所述網(wǎng)頁標簽元素為第一元素時,采用所述第一元素對應第一圖標繪制模板繪制圖標,其中,所述第一元素采用的是JavaScript腳本;將所述第一元素的節(jié)點添加到地圖頁面的主節(jié)點中。從而在瀏覽器展示頁面時可以基于網(wǎng)頁標簽元素通過腳本進行圖片下載,進而進行渲染重排,本實施例通過將HTML5新特性封裝成Javascript地圖API,在調(diào)用API標注興趣點數(shù)可突破2000數(shù),且對地圖操作無較大影響?!緦@f明】一種地圖標注方法和裝置【
技術領域:
】[0001]本發(fā)明涉及網(wǎng)頁【
技術領域:
】,特別是涉及一種地圖標注方法和裝置?!?br>背景技術:
】[0002]主流Javascript地圖的應用程序編程接口(ApplicationProgrammingInterface,API)在標注地圖興趣點時,首先創(chuàng)建網(wǎng)頁中DIV元素的文檔對象模型(DocumentObjectModel,D0M)節(jié)點及嵌套的MG元素的D0M節(jié)點,其次修改MG的SRC屬性來鏈接預先制作的圖標圖片,如可移植網(wǎng)絡圖形格式(PortableNetworkGraphicFormat,PNG)或圖像互換格式(GraphicsInterchangeFormat,GIF)的圖片,然后改變DIV的STYPE屬性來定位屏幕位置,最后將DIV元素的D0M節(jié)點添加到地圖主D0M節(jié)點中,這個過程即完成一次地圖興趣點標注。[0003]但是,瀏覽器解析D0M的性能與D0M節(jié)點數(shù)和鏈接圖片數(shù)有很大關系,一般情況下,D0M節(jié)點數(shù)和鏈接圖片越少,瀏覽器解析和重繪HTM1頁面越快。[0004]由于基于Javascript地圖API構建的HTML地圖頁面都是通過拼接不同的D0M節(jié)點而組成。其在進行地圖展示時,需要先依據(jù)D0M節(jié)點請求下載圖片,然后對頁面進行渲染、排版等處理后再進行展示。因此在地圖執(zhí)行平移等動作時,地圖主D0M節(jié)點下的所有子D0M節(jié)點的屬性都會修改,而瀏覽器就需要重新下載圖片,然后重新渲染、重排并重繪,因此當興趣點較多時,若執(zhí)行平移等動作,地圖展示比較緩慢,甚至無法展示?!?br/>發(fā)明內(nèi)容】[0005]本發(fā)明提供了一種地圖標注方法和裝置,以解決現(xiàn)有地圖支持興趣點較少的問題。[0006]為了解決上述問題,本發(fā)明公開了一種地圖標注方法,包括:[0007]對瀏覽器的特性進行檢測,并依據(jù)所述瀏覽器的特性選擇網(wǎng)頁標簽元素,其中所述網(wǎng)頁標簽元素采用腳本描述瀏覽器中展示的圖片;[0008]當所述網(wǎng)頁標簽元素為第一元素時,采用所述第一元素對應第一圖標繪制模板繪制圖標,其中,所述第一元素采用的是JavaScript腳本;[0009]將所述第一元素的節(jié)點添加到地圖頁面的主節(jié)點中。[0010]本發(fā)明一個可選實施例中,所述依據(jù)所述瀏覽器的特性選擇網(wǎng)頁標簽元素之后,還包括:當所述元素特性為第二元素時,依據(jù)所述第二元素對應第二圖標繪制模板獲取子元素,其中,所述第二元素采用的是可擴展標記語言文檔腳本;將所述子元素添加到所述第二元素對象的子節(jié)點中。[0011]本發(fā)明一個可選實施例中,依據(jù)所述第二元素對應第二圖標繪制模板獲取子元素之前,還包括:檢測所述第二元素是否已創(chuàng)建;若所述第二元素未創(chuàng)建,則創(chuàng)建所述第二元素;若所述第二元素已創(chuàng)建,則獲取第二元素對象。[0012]本發(fā)明一個可選實施例中,若為新創(chuàng)建的第二元素,則所述將所述子元素添加到所述第二元素對象的子節(jié)點之后,還包括:將所述第二元素的節(jié)點添加到所述地圖頁面的主節(jié)點中。[0013]本發(fā)明一個可選實施例中,所述第二元素為可縮放矢量圖形SVG元素,或矢量可標記語言VML元素。[0014]本發(fā)明還公開了一種地圖標注裝置,包括:[0015]檢測并選擇模塊,用于對瀏覽器的特性進行檢測,并依據(jù)所述瀏覽器的特性選擇網(wǎng)頁標簽元素,其中所述網(wǎng)頁標簽元素采用腳本描述瀏覽器中展示的圖片;[0016]繪制模塊,用于當所述網(wǎng)頁標簽元素為第一元素時,采用所述第一元素對應第一圖標繪制模板繪制圖標,其中,所述第一元素采用的是JavaScript腳本;[0017]添加模塊,用于將所述第一元素的節(jié)點添加到地圖的主節(jié)點中。[0018]本發(fā)明一個可選實施例中,還包括:獲取模塊,用于當所述元素特性為第二元素時,依據(jù)所述第二元素對應第二圖標繪制模板獲取子元素,其中,所述第二元素采用的是可擴展標記語言文檔腳本;所述添加模塊,還用于將所述子元素添加到所述第二元素對象的子節(jié)點中。[0019]本發(fā)明一個可選實施例中,還包括:創(chuàng)建檢測模塊,用于檢測所述第二元素是否以創(chuàng)建;執(zhí)行模塊,用于當所述第二元素未創(chuàng)建時,創(chuàng)建所述第二元素;當所述第二元素已創(chuàng)建時,獲取第二元素對象。[0020]本發(fā)明一個可選實施例中,所述添加模塊,還用于將所述第二元素的節(jié)點添加到所述地圖的主節(jié)點中。[0021]本發(fā)明一個可選實施例中,所述第二元素為可縮放矢量圖形SVG元素,或矢量可標記語言VML元素。[0022]與現(xiàn)有技術相比,本發(fā)明包括以下優(yōu)點:[0023]能夠?qū)g覽器的特性進行檢測并依據(jù)所述瀏覽器的特性選擇網(wǎng)頁標簽元素,其中所述網(wǎng)頁標簽元素采用腳本描述瀏覽器中展示的圖片。從而當所述網(wǎng)頁標簽元素為第一元素時,采用所述第一元素對應第一圖標繪制模板繪制圖標,并將所述第一元素的節(jié)點添加到地圖的主節(jié)點中,其中所述第一元素采用的是JavaScript腳本。從而在瀏覽器展示頁面時可以基于網(wǎng)頁標簽元素通過腳本進行圖片下載,進而進行渲染重排,本實施例通過將HTML5新特性封裝成Javascript地圖API,在調(diào)用API標注興趣點數(shù)可突破2000數(shù),且對地圖操作無較大影響。【專利附圖】【附圖說明】[0024]圖1是本發(fā)明實施例一提供的地圖標注方法流程圖;[0025]圖2是本發(fā)明實施例二提供的地圖標注方法流程圖;[0026]圖3A、圖3B、圖3C、圖3D和圖3E是本發(fā)明實施例三提供的地圖標注方法可選流程圖;[0027]圖4是本發(fā)明實施例四提供的地圖標注裝置結(jié)構圖;[0028]圖5是本發(fā)明實施例四提供的地圖標注裝置可選結(jié)構圖?!揪唧w實施方式】[0029]為使本發(fā)明的上述目的、特征和優(yōu)點能夠更加明顯易懂,下面結(jié)合附圖和具體實施方式對本發(fā)明作進一步詳細的說明。[0030]本發(fā)明實施例提供一種地圖標注方法,能夠?qū)g覽器的特性進行檢測并依據(jù)所述瀏覽器的特性選擇網(wǎng)頁標簽元素,其中所述網(wǎng)頁標簽元素采用腳本描述瀏覽器中展示的圖片。從而當所述網(wǎng)頁標簽元素為第一元素時,采用所述第一元素對應第一圖標繪制模板繪制圖標,并將所述第一元素的節(jié)點添加到地圖的主節(jié)點中,其中所述第一元素采用的是JavaScript腳本。從而在瀏覽器展示頁面時可以基于網(wǎng)頁標簽元素通過腳本進行圖片下載,進而進行渲染重排,本實施例通過將HTML5新特性封裝成Javascript地圖API,在調(diào)用API標注興趣點數(shù)可突破2000數(shù),且對地圖操作無較大影響。[0031]實施例一[0032]參照圖1,給出了本發(fā)明實施例一提供的地圖標注方法流程圖。[0033]步驟101,對瀏覽器的特性進行檢測,并依據(jù)所述瀏覽器的特性選擇網(wǎng)頁標簽元素。[0034]本實施例中,基于超文本標記語言5(HyperTextMark-upLanguage5,HTML5)的特性構建網(wǎng)頁標簽元素,從而增加網(wǎng)頁中能夠標注的興趣點的數(shù)量。[0035]由于并非所有的瀏覽器都支持HTML5技術,因此首先要對瀏覽器的特性進行檢測,如檢測該瀏覽器是否支持HTML5技術,支持支持HTML5中的哪些技術。從而依據(jù)該瀏覽器的特性選擇網(wǎng)頁標簽元素。[0036]本發(fā)明實施例中,網(wǎng)頁標簽元素采用腳本描述瀏覽器中展示的圖片,如標簽〈Canvas〉或<SVG>等。[0037]步驟102,當所述網(wǎng)頁標簽元素為第一元素時,采用所述第一元素對應第一圖標繪制模板繪制圖標。[0038]當檢測到該瀏覽器的特性支持第一元素時,在該瀏覽器中選擇第一元素,從而采用所述第一元素對應第一圖標繪制模板繪制圖標,其中,所述第一元素采用的是JavaScript腳本。[0039]本發(fā)明實施例中,第一元素可以為〈Canvas〉網(wǎng)頁標簽。Canvas對象表示一個HTML畫布元素〈canvas〉。它沒有自己的行為,但是定義了一個API支持腳本化客戶端繪圖操作。[0040]步驟103,將所述第一元素的節(jié)點添加到地圖頁面的主節(jié)點中。[0041]然后將第一元素的節(jié)點添加到地圖頁面的主節(jié)點中,即將〈canvas〉節(jié)點添加到地圖主D0M節(jié)點,完成標注。從而瀏覽器在展示地圖頁面對D0M節(jié)點進行解析時,可以依據(jù)該〈canvas〉節(jié)點通過API讀取JavaScript腳本,獲取地圖的相關圖片。從而本實施例通過將HTML5新特性封裝成Javascript地圖API,在調(diào)用API標注興趣點數(shù)可突破2000數(shù),且對地圖操作無較大影響。[0042]綜上所述,能夠?qū)g覽器的特性進行檢測并依據(jù)所述瀏覽器的特性選擇網(wǎng)頁標簽元素,其中所述網(wǎng)頁標簽元素采用腳本描述瀏覽器中展示的圖片。從而當所述網(wǎng)頁標簽元素為第一元素時,采用所述第一元素對應第一圖標繪制模板繪制圖標,并將所述第一元素的節(jié)點添加到地圖的主節(jié)點中,其中所述第一元素采用的是JavaScript腳本。從而在瀏覽器展示頁面時可以基于網(wǎng)頁標簽元素通過腳本進行圖片下載,進而進行渲染重排,本實施例通過將HTML5新特性封裝成Javascript地圖API,在調(diào)用API標注興趣點數(shù)可突破2000數(shù),且對地圖操作無較大影響。[0043]實施例二[0044]在上述實施例的基礎上,本實施例進一步論述地圖標注方法。[0045]基于HTML5的特性,在網(wǎng)頁中不但可以加載第一元素,還可以加載第二元素,第二元素時基于矢量圖的。其中第二元素為可縮放矢量圖形(ScalableVectorGraphics,SVG)元素,或矢量可標記語言(TheVectorMarkupLanguage,VML)元素。[0046]其中,采用〈canvas〉標記和采用SVG元素或VML元素標記時,一個不同之處是,〈canvas〉有一個基于JavaScript的繪圖API,而SVG和VML使用一個XML文檔來描述繪圖,而這兩種方式在功能上是等同的。[0047]其中,SVG支持D0M,因而SVG文檔可以通過一致的接口規(guī)范與外界的程序打交道。SVG以及SVG中的物件元素完全可以通過腳本語言接受外部事件的驅(qū)動,例如鼠標動作,實現(xiàn)自身或?qū)ζ渌锛?、圖像的控制等。[0048]VML使用簡單的文本來表示圖像,因此可以采用很少的字節(jié)來表示比較復雜的圖像。VML與HTML兼容,通過在HTML中聲明VML命名空間并聲明處理函數(shù),就可以和其他HTML元素一樣使用VML元素,在客戶端瀏覽器顯示圖像。[0049]參照圖2,給出了本發(fā)明實施例二提供的地圖標注方法流程圖。[0050]步驟201,對瀏覽器的特性進行檢測。[0051]步驟202,依據(jù)所述瀏覽器的特性選擇網(wǎng)頁標簽元素。[0052]若瀏覽器的特性支持第一元素,則執(zhí)行步驟203;若瀏覽器的特性支持第二元素,則執(zhí)行步驟205。[0053]步驟203,采用所述第一元素對應第一圖標繪制模板繪制圖標。[0054]步驟204,將所述第一元素的節(jié)點添加到地圖頁面的主節(jié)點中。[0055]步驟205,檢測所述第二元素是否已創(chuàng)建。[0056]當瀏覽器不支持第一元素但支持第二元素時,可以檢測第二元素是否已經(jīng)創(chuàng)建。[0057]若否,即第二元素未創(chuàng)建,則執(zhí)行步驟206;若是,即第二元素已創(chuàng)建,則不需要重新創(chuàng)建第二元素,執(zhí)行步驟210。[0058]步驟206,創(chuàng)建第二元素。[0059]步驟207,依據(jù)所述第二元素對應第二圖標繪制模板獲取子元素。[0060]步驟208,將所述子元素添加到所述第二元素對象的子節(jié)點中。[0061]步驟209,將所述第二元素的節(jié)點添加到所述地圖的主節(jié)點中。[0062]例如SVG代碼以<SVG>元素開始,包括開啟標簽<SVG>和關閉標簽</svg>,這是<SVG>元素的根元素。并且,<SVG>元素包括屬性很多,如width和height屬性可設置此SVG文檔的寬度和高度。version屬性可定義所使用的SVG版本,xmlns屬性可定義SVG命名空間等。[0063]在創(chuàng)建完<SVG>元素的根元素后,可以依據(jù)其對應的<SVG>圖標繪制模板獲取<SVG>子元素,然后將<SVG>子元素添加到<SVG>元素對象的子節(jié)點上。由于<SVG>元素是新創(chuàng)建的,因此還要就將<SVG>元素的節(jié)點添加到地圖頁面的主節(jié)點上,從而完成基于<SVG>元素的地圖標注。[0064]又如,<VML>元素的標記可以定義DHTML大部分屬性和事件,如id、name、title、onmouseover等。同樣在創(chuàng)建完<VML>元素后,可以依據(jù)其對應的<VML>圖標繪制模板獲取<VML>子元素,并將<VML>子元素添加到<VML>元素對象的子節(jié)點上,而<VML>元素的節(jié)點也要添加到地圖頁面的主節(jié)點上,從而完成基于<VML>元素的地圖標注。[0065]步驟210,獲取第二元素對象。[0066]步驟211,依據(jù)所述第二元素對應第二圖標繪制模板獲取子元素。[0067]步驟212,將所述子元素添加到所述第二元素對象的子節(jié)點中。[0068]若第二元素已創(chuàng)建,則不需要重新創(chuàng)建第二元素,而是直接獲取第二元素對應第二圖標繪制模板獲取子元素,并將子元素添加到第二元素對象的子節(jié)點中。由于在創(chuàng)建第二元素時已經(jīng)將第二元素的節(jié)點添加到所述地圖的主節(jié)點中,此時無需重新添加。[0069]綜上,采用基于矢量圖的第二元素對地圖頁面進行標注時,其中SVG元素和VML元素均基于矢量圖,而矢量圖像格式,與傳統(tǒng)的電子地圖所采用位圖圖像格式相比具有很多優(yōu)點。[0070]矢量圖像用點和線來描述物體,因此文件會比較小,同時也能提供高清晰的畫面,適合于直接打印或輸出。而位圖圖像的存儲單位是圖像上每一點的像素值,因此一般的圖像文件都很大,會占用大量的網(wǎng)絡帶寬。例如SVG是一種矢量圖形格式,圖像互換格式(GraphicsInterchangeFormat,GIF)、聯(lián)合圖像專家組(JointPhotographicExpertsGroup,JPEG)是光柵文件格式。[0071]因此,矢量圖像格式與位圖圖像格式相比至少具有如下優(yōu)點:[0072]1.任意放縮。[0073]用戶可以任意縮放圖像顯示,而不會破壞圖像的清晰度、細節(jié)等。[0074]2.文本獨立。[0075]例如,SVG圖像中的文字獨立于圖像,文字保留可編輯和可搜尋的狀態(tài)。也不會再有字體的限制,用戶系統(tǒng)即使沒有安裝某一字體,也會看到和他們制作時完全相同的畫面。[0076]3.較小文件。[0077]例如SVG文件比那些GIF和JPEG格式的文件要小很多,因而下載也很快。[0078]實施例三[0079]在上述實施例的基礎上,本實施例進一步論述地圖標注的一種可選方法。[0080]參照圖3A、圖3B、圖3C、圖3D和圖3E給出了本發(fā)明實施例三提供的地圖標注方法可選流程圖。[0081]如圖3A所示,主流程包括步驟301到步驟308。[0082]步驟301,瀏覽器特性判斷。[0083]步驟302,檢測瀏覽器是否支持〈canvas〉特性。[0084]若是,即支持〈canvas〉特性,則執(zhí)行步驟303;若否,即不支持〈canvas〉特性,貝丨J執(zhí)行步驟304。[0085]步驟303,基于〈canvas〉元素進行標注。[0086]步驟304,檢測瀏覽器是否支持<SVG>特性。[0087]若是,即支持<SVG>特性,則執(zhí)行步驟305;若否,即不支持<SVG>特性,則執(zhí)行步驟306。[0088]步驟305,基于<SVG>元素進行標注。[0089]步驟306,檢測瀏覽器是否支持<VML>特性。[0090]若是,即支持<VML>特性,則執(zhí)行步驟307;若否,即不支持<VML>特性,則執(zhí)行步驟308。[0091]步驟307,基于<VML>元素進行標注。[0092]步驟308,基于<DIV>和<MG>元素進行標注。[0093]如圖3B所示,步驟303基于〈canvas〉元素進行標注,具體包括子步驟3031到步驟3033。[0094]子步驟3031,創(chuàng)建<canvas>兀素。[0095]子步驟3032,選擇〈canvas〉圖標創(chuàng)建模板繪制圖標。[0096]子步驟3033,將〈canvas〉節(jié)點添加到地圖主D0M節(jié)點。[0097]如圖3C所示,,上述步驟305基于<SVG>元素進行標注,具體包括如下子步驟。[0098]子步驟3051,檢查<SVG>元素的唯一性。[0099]子步驟3052,檢測<SVG>元素是否已創(chuàng)建。[0100]若是,即<SVG>元素已創(chuàng)建,則執(zhí)行子步驟3053;若否,即<SVG>元素未創(chuàng)建,則執(zhí)行子步驟3056。[0101]子步驟3053,獲取<SVG>元素對象。[0102]子步驟3054,選擇<SVG>圖標繪制模板獲取子元素。[0103]子步驟3055,將子元素添加到<SVG>元素對象子節(jié)點。[0104]子步驟3056,創(chuàng)建<SVG>元素。[0105]子步驟3057,選擇<SVG>圖標繪制模板獲取子元素。[0106]子步驟3058,將子元素添加到<SVG>元素對象子節(jié)點。[0107]子步驟3059,將<SVG>節(jié)點添加到地圖頁面主D0M節(jié)點。[0108]如圖3D所示,步驟307基于<VML>元素進行標注,具體包括如下子步驟:。[0109]子步驟3071,檢查<VML>元素的唯一性。[0110]子步驟3072,檢測<VML>元素是否已創(chuàng)建。[0111]若是,即〈VML元素已創(chuàng)建,則執(zhí)行子步驟3073;若否,即<VML>元素未創(chuàng)建,則執(zhí)行子步驟3076。[0112]子步驟3073,獲取<VML>元素對象。[0113]子步驟3074,選擇<VML>圖標繪制模板獲取子元素。[0114]子步驟3075,將子元素添加到<VML>元素對象子節(jié)點。[0115]子步驟3076,創(chuàng)建<VML>元素。[0116]子步驟3077,選擇<VML>圖標繪制模板獲取子元素.[0117]子步驟3078,將子元素添加到<VML>元素對象子節(jié)點。[0118]子步驟3079,將<VML>節(jié)點添加到地圖頁面主D0M節(jié)點。[0119]如圖3E所示,上述步驟308基于<DIV>和<MG>元素進行標注,包括如下子步驟:[0120]子步驟3081,創(chuàng)建<DIV>和<MG>元素。[0121]子步驟3082,設置<MG>元素的SRC屬性鏈接圖標圖片。[0122]子步驟3083,<MG>元素添加到<DIV>子節(jié)點。[0123]子步驟3084,將<DIV>節(jié)點添加到地圖頁面主D0M節(jié)點。[0124]實施例四[0125]在上述實施例的基礎上,本發(fā)明還提供了一種地圖標注裝置。[0126]參照圖4,給出了本發(fā)明實施例四提供的地圖標注裝置結(jié)構圖。[0127]該地圖標注裝置包括:檢測并選擇模塊401、繪制模塊402和添加模塊403。[0128]其中,檢測并選擇模塊401,用于對瀏覽器的特性進行檢測,并依據(jù)所述瀏覽器的特性選擇網(wǎng)頁標簽元素,其中所述網(wǎng)頁標簽元素采用腳本描述瀏覽器中展示的圖片;繪制模塊402,用于當所述網(wǎng)頁標簽元素為第一元素時,采用所述第一元素對應第一圖標繪制模板繪制圖標,其中,所述第一元素采用的是JavaScript腳本;添加模塊403,用于將所述第一元素的節(jié)點添加到地圖的主節(jié)點中。[0129]綜上所述,能夠?qū)g覽器的特性進行檢測并依據(jù)所述瀏覽器的特性選擇網(wǎng)頁標簽元素,其中所述網(wǎng)頁標簽元素采用腳本描述瀏覽器中展示的圖片。從而當所述網(wǎng)頁標簽元素為第一元素時,采用所述第一元素對應第一圖標繪制模板繪制圖標,并將所述第一元素的節(jié)點添加到地圖的主節(jié)點中,其中所述第一元素采用的是JavaScript腳本。從而在瀏覽器展示頁面時可以基于網(wǎng)頁標簽元素通過腳本進行圖片下載,進而進行渲染重排,本實施例通過將HTML5新特性封裝成Javascript地圖API,在調(diào)用API標注興趣點數(shù)可突破2000數(shù),且對地圖操作無較大影響。[0130]參照圖5,給出了本發(fā)明實施例四提供的地圖標注裝置可選結(jié)構圖。[0131]本發(fā)明一個可選實施例中,該地圖標注裝置還包括:獲取模塊404,用于當所述元素特性為第二元素時,依據(jù)所述第二元素對應第二圖標繪制模板獲取子元素,其中,所述第二元素采用的是可擴展標記語言文檔腳本;所述添加模塊403,還用于將所述子元素添加到所述第二元素對象的子節(jié)點中。[0132]本發(fā)明一個可選實施例中,該地圖標注裝置還包括:創(chuàng)建檢測模塊405,用于檢測所述第二元素是否以創(chuàng)建;執(zhí)行模塊406,用于當所述第二元素未創(chuàng)建時,創(chuàng)建所述第二元素;當所述第二元素已創(chuàng)建時,獲取第二元素對象。[0133]本發(fā)明一個可選實施例中,所述添加模塊403還用于將所述第二元素的節(jié)點添加到所述地圖的主節(jié)點中。[0134]本發(fā)明一個可選實施例中,所述第二元素為可縮放矢量圖形SVG元素,或矢量可標記語言VML元素。[0135]對于系統(tǒng)實施例而言,由于其與方法實施例基本相似,所以描述的比較簡單,相關之處參見方法實施例的部分說明即可。[0136]本說明書中的各個實施例均采用遞進的方式描述,每個實施例重點說明的都是與其他實施例的不同之處,各個實施例之間相同相似的部分互相參見即可。[0137]本發(fā)明可以在由計算機執(zhí)行的計算機可執(zhí)行指令的一般上下文中描述,例如程序模塊。一般地,程序模塊包括執(zhí)行特定任務或?qū)崿F(xiàn)特定抽象數(shù)據(jù)類型的例程、程序、對象、組件、數(shù)據(jù)結(jié)構等等。也可以在分布式計算環(huán)境中實踐本發(fā)明,在這些分布式計算環(huán)境中,由通過通信網(wǎng)絡而被連接的遠程處理設備來執(zhí)行任務。在分布式計算環(huán)境中,程序模塊可以位于包括存儲設備在內(nèi)的本地和遠程計算機存儲介質(zhì)中。[0138]最后,還需要說明的是,在本文中,諸如第一和第二等之類的關系術語僅僅用來將一個實體或者操作與另一個實體或操作區(qū)分開來,而不一定要求或者暗示這些實體或操作之間存在任何這種實際的關系或者順序。而且,術語"包括"、"包含"或者其任何其他變體意在涵蓋非排他性的包含,從而使得包括一系列要素的過程、方法、商品或者設備不僅包括那些要素,而且還包括沒有明確列出的其他要素,或者是還包括為這種過程、方法、商品或者設備所固有的要素。在沒有更多限制的情況下,由語句"包括一個……"限定的要素,并不排除在包括所述要素的過程、方法、商品或者設備中還存在另外的相同要素。[0139]以上對本發(fā)明所提供的一種地圖標注方法和裝置,進行了詳細介紹,本文中應用了具體個例對本發(fā)明的原理及實施方式進行了闡述,以上實施例的說明只是用于幫助理解本發(fā)明的方法及其核心思想;同時,對于本領域的一般技術人員,依據(jù)本發(fā)明的思想,在具體實施方式及應用范圍上均會有改變之處,綜上所述,本說明書內(nèi)容不應理解為對本發(fā)明的限制?!緳嗬蟆?.一種地圖標注方法,其特征在于,包括:對瀏覽器的特性進行檢測,并依據(jù)所述瀏覽器的特性選擇網(wǎng)頁標簽元素,其中所述網(wǎng)頁標簽元素采用腳本描述瀏覽器中展示的圖片;當所述網(wǎng)頁標簽元素為第一元素時,采用所述第一元素對應第一圖標繪制模板繪制圖標,其中,所述第一元素采用的是JavaScript腳本;將所述第一元素的節(jié)點添加到地圖頁面的主節(jié)點中。2.根據(jù)權利要求1所述的方法,其特征在于,所述依據(jù)所述瀏覽器的特性選擇網(wǎng)頁標簽元素之后,還包括:當所述元素特性為第二元素時,依據(jù)所述第二元素對應第二圖標繪制模板獲取子元素,其中,所述第二元素采用的是可擴展標記語言文檔腳本;將所述子元素添加到所述第二元素對象的子節(jié)點中。3.根據(jù)權利要求2所述的方法,其特征在于,依據(jù)所述第二元素對應第二圖標繪制模板獲取子元素之前,還包括:檢測所述第二元素是否已創(chuàng)建;若所述第二元素未創(chuàng)建,則創(chuàng)建所述第二元素;若所述第二元素已創(chuàng)建,則獲取第二元素對象。4.根據(jù)權利要求3所述的方法,其特征在于,若為新創(chuàng)建的第二元素,則所述將所述子元素添加到所述第二元素對象的子節(jié)點之后,還包括:將所述第二元素的節(jié)點添加到所述地圖頁面的主節(jié)點中。5.根據(jù)權利要求2至4任一所述的方法,其特征在于,所述第二元素為可縮放矢量圖形SVG元素,或矢量可標記語言VML元素。6.-種地圖標注裝置,其特征在于,包括:檢測并選擇模塊,用于對瀏覽器的特性進行檢測,并依據(jù)所述瀏覽器的特性選擇網(wǎng)頁標簽元素,其中所述網(wǎng)頁標簽元素采用腳本描述瀏覽器中展示的圖片;繪制模塊,用于當所述網(wǎng)頁標簽元素為第一元素時,采用所述第一元素對應第一圖標繪制模板繪制圖標,其中,所述第一元素采用的是JavaScript腳本;添加模塊,用于將所述第一元素的節(jié)點添加到地圖的主節(jié)點中。7.根據(jù)權利要求6所述的裝置,其特征在于,還包括:獲取模塊,用于當所述元素特性為第二元素時,依據(jù)所述第二元素對應第二圖標繪制模板獲取子元素,其中,所述第二元素采用的是可擴展標記語言文檔腳本;所述添加模塊,還用于將所述子元素添加到所述第二元素對象的子節(jié)點中。8.根據(jù)權利要求7所述的裝置,其特征在于,還包括:創(chuàng)建檢測模塊,用于檢測所述第二元素是否以創(chuàng)建;執(zhí)行模塊,用于當所述第二元素未創(chuàng)建時,創(chuàng)建所述第二元素;當所述第二元素已創(chuàng)建時,獲取第二元素對象。9.根據(jù)權利要求8所述的裝置,其特征在于:所述添加模塊,還用于將所述第二元素的節(jié)點添加到所述地圖的主節(jié)點中。10.根據(jù)權利要求7至9任一所述的裝置,其特征在于,所述第二元素為可縮放矢量圖形SVG元素,或矢量可標記語言VML元素?!疚臋n編號】G06F17/30GK104050238SQ201410223117【公開日】2014年9月17日申請日期:2014年5月23日優(yōu)先權日:2014年5月23日【發(fā)明者】杜雄,胡道生,夏曙東申請人:北京中交興路信息科技有限公司