地圖線路編輯方法及裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及計算機技術(shù)領(lǐng)域，特別是涉及一種地圖線路編輯方法及裝置。
【背景技術(shù)】
[0002]隨著交通日益發(fā)達，火車、地鐵、公交等多種交通方式不斷增加、調(diào)整，并且，因交通需求汽車的實際路狀也在不斷調(diào)整，這就導(dǎo)致地圖為保證其準(zhǔn)確性，需不斷修正。
[0003]在網(wǎng)頁中，現(xiàn)有的地圖以圖片的形式存在，若對其進行修正，需要在后臺重新繪制新的地圖圖片，進而將原圖片撤回，將新的圖片替換上去。這種修正方式工作量大，且需重復(fù)繪制無須更改的部分，造成資源的浪費，進而也會導(dǎo)致更新時間上的緩慢。

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

[0004]鑒于上述問題，提出了本發(fā)明以便提供一種克服上述問題或者至少部分地解決上述問題的地圖線路編輯方法和相應(yīng)的裝置。
[0005]基于本發(fā)明的一個方面，本發(fā)明實施例提供了一種地圖線路編輯方法，包括:
[0006]利用canvas元素設(shè)置圖形容器，并為所述圖形容器設(shè)置canvas標(biāo)簽；
[0007]獲取符合瀏覽器支持的圖片格式的地圖線路圖，并放入所述圖形容器；
[0008]通過所述canvas標(biāo)簽的DOM對象獲取輸入的編輯信息；
[0009]利用所述編輯信息對所述圖形容器中的地圖線路圖進行編輯。
[0010]可選地，所述地圖線路圖包括:
[0011]從DOM中已經(jīng)加載的元素中抓取的地圖線路圖；或者
[0012]按需即時創(chuàng)建的地圖線路圖。
[0013]可選地，所述地圖線路包括下列至少之一:地鐵線路、公交線路、指定地點間的導(dǎo)航線路、國道、省道。
[0014]可選地，利用所述編輯信息對所述圖形容器中的地圖線路圖進行編輯，包括:
[0015]增加地鐵的線路；
[0016]增加任一線路的站點；
[0017]刪除任一線路的站點；
[0018]更改站點類型和/或位置；
[0019]更改線路彎曲度。
[0020]可選地，所述更改線路彎曲度，包括:
[0021]若兩座站點之間是曲線，在所述兩座站點間添加曲線輔助點；
[0022]以所述曲線輔助點為坐標(biāo)，通過拖拽曲線調(diào)整曲線的彎曲線。
[0023]可選地，所述曲線輔助點的位置可變。
[0024]可選地，所述更改線路彎曲度，包括:
[0025]若兩座站點之間是直線，在所述兩座站點間添加直線輔助點；
[0026]設(shè)置直線輔助點的屬性，以使所述直線輔助點與站點區(qū)別開；
[0027]以所述直線輔助點為坐標(biāo)，繪制直線。
[0028]可選地，所述更改站點位置，包括:
[0029]選中某條線路的某個站點；
[0030]通過位置移動操作移動所述選中的站點的位置。
[0031]可選地，所述更改站點位置之后，還包括:
[0032]根據(jù)移動后的站點位置調(diào)整與所述選中的站點連接的線路，生成新線路。
[0033]可選地，增加和/或刪除任一線路的站點之后，還包括:調(diào)整與所述增加和/或刪除任一線路的站點連接的線路，生成新線路。
[0034]可選地，利用所述編輯信息對所述圖形容器中的地圖線路圖進行編輯之后，還包括:將編輯結(jié)果生成xml格式的文件。
[0035]基于本發(fā)明的另一個方面，本發(fā)明實施例還公開了一種地圖線路編輯裝置，包括:
[0036]設(shè)置模塊，適于利用canvas元素設(shè)置圖形容器，并為所述圖形容器設(shè)置canvas標(biāo)簽；
[0037]圖片獲取模塊，適于獲取符合瀏覽器支持的圖片格式的地圖線路圖，并放入所述圖形容器；
[0038]信息獲取模塊，適于通過所述canvas標(biāo)簽的DOM對象獲取輸入的編輯信息；
[0039]編輯模塊，適于利用所述編輯信息對所述圖形容器中的地圖線路圖進行編輯。
[0040]可選地，所述地圖線路圖包括:
[0041]從DOM中已經(jīng)加載的元素中抓取的地圖線路圖；或者
[0042]按需即時創(chuàng)建的地圖線路圖。
[0043]可選地，所述地圖線路包括下列至少之一:地鐵線路、公交線路、指定地點間的導(dǎo)航線路、國道、省道。
[0044]可選地，所述編輯模塊還適于:
[0045]增加地鐵的線路；
[0046]增加任一線路的站點；
[0047]刪除任一線路的站點；
[0048]更改站點類型和/或位置；
[0049]更改線路彎曲度。
[0050]可選地，所述編輯模塊還適于:
[0051 ]若兩座站點之間是曲線，在所述兩座站點間添加曲線輔助點；
[0052]以所述曲線輔助點為坐標(biāo)，通過拖拽曲線調(diào)整曲線的彎曲線。
[0053]可選地，所述曲線輔助點的位置可變。
[0054]可選地，所述編輯模塊還適于:
[0055]若兩座站點之間是直線，在所述兩座站點間添加直線輔助點；
[0056]設(shè)置直線輔助點的屬性，以使所述直線輔助點與站點區(qū)別開；
[0057]以所述直線輔助點為坐標(biāo)，繪制直線。
[0058]可選地，所述編輯模塊還適于:
[0059]選中某條線路的某個站點；
[0060]通過位置移動操作移動所述選中的站點的位置。
[0061]可選地，所述編輯模塊還適于:所述更改站點位置之后，根據(jù)移動后的站點位置調(diào)整與所述選中的站點連接的線路，生成新線路。
[0062]可選地，所述編輯模塊還適于:調(diào)整與所述增加和/或刪除任一線路的站點連接的線路，生成新線路。
[0063]可選地，所述編輯模塊還適于:將編輯結(jié)果生成xml格式的文件。
[0064]在本發(fā)明實施例中，使用一種canvas元素設(shè)置圖形容器，并為圖形窗口設(shè)置canvas標(biāo)簽。當(dāng)瀏覽器需要對地圖線路圖進行編輯時，獲取符合瀏覽器支持的圖片格式的地圖線路圖，將其放為圖形容器中。進一步，通過canvas標(biāo)簽的DOM對象獲取輸入的編輯信息，進而使用編輯信息對圖形窗口中的地圖線路圖進行編輯。canvas元素表示一個HTML (HyperText Mark-up Language，超文本標(biāo)記語言)畫布元素-〈canvas〉，canvas 元素沒有自己的行為，但是定義了一個API (Applicat1n Programming Interface，應(yīng)用程序編程接口 )支持腳本化客戶端繪圖操作。由此可知，利用canvas元素設(shè)置的圖形容器能夠?qū)ζ渲械膱D片直接進行編輯操作，而不需要如現(xiàn)有技術(shù)一般重新繪制新的地圖圖片。由于API的提供，用戶可以直接輸入編輯信息，例如節(jié)點的增加、刪除，線路曲度的上升或下降等等。采用本發(fā)明實施例能夠直接對網(wǎng)頁中的圖片進行編輯操作，對于無須修改的部分保留即可，大大提高了地圖線路編輯的效率，縮短地圖線路編輯所需時間，節(jié)省資源，提高用戶感受體驗。并且，canvas元素所形成的圖形容器對于用戶而言是可視地，進一步保證了圖形容器所接收的編輯信息能夠充分體現(xiàn)用戶的需求，使得本發(fā)明實施例在實施過程中盡量減少修改次數(shù)，在較短的時間內(nèi)達到用戶的需求，提高地圖線路編輯的效率，縮短地圖線路編輯的時間。
[0065]上述說明僅是本發(fā)明技術(shù)方案的概述，為了能夠更清楚了解本發(fā)明的技術(shù)手段，而可依照說明書的內(nèi)容予以實施，并且為了讓本發(fā)明的上述和其它目的、特征和優(yōu)點能夠更明顯易懂，以下特舉本發(fā)明的【具體實施方式】。
[0066]根據(jù)下文結(jié)合附圖對本發(fā)明具體實施例的詳細描述，本領(lǐng)域技術(shù)人員將會更加明了本發(fā)明的上述以及其他目的、優(yōu)點和特征。
【附圖說明】
[0067]通過閱讀下文優(yōu)選實施方式的詳細描述，各種其他的優(yōu)點和益處對于本領(lǐng)域普通技術(shù)人員將變得清楚明了。附圖僅用于示出優(yōu)選實施方式的目的，而并不認(rèn)為是對本發(fā)明的限制。而且在整個附圖中，用相同的參考符號表示相同的部件。在附圖中:
[0068]圖1示出了根據(jù)本發(fā)明一個實施例的地圖線路編輯方法的處理流程圖；
[0069]圖2示出了根據(jù)本發(fā)明一個實施例的圖形容器實現(xiàn)添加地鐵線路的接口示意圖；
[0070]圖3-圖5示出了根據(jù)本發(fā)明一個實施例的圖形容器實現(xiàn)添加地鐵站點的接口示意圖；
[0071]圖6示出了根據(jù)本發(fā)明一個實施例的曲線輔助點的