CN105094815A - 地图线路编辑方法及装置 - Google Patents

Abstract

本发明提供了一种地图线路编辑方法及装置。该方法包括：利用canvas元素设置图形容器，并为所述图形容器设置canvas标签；获取符合浏览器支持的图片格式的地图线路图，并放入所述图形容器；通过所述canvas标签的DOM对象获取输入的编辑信息；利用所述编辑信息对所述图形容器中的地图线路图进行编辑。采用本发明实施例能够使得本发明实施例在实施过程中尽量减少修改次数，在较短的时间内达到用户的需求，提高地图线路编辑的效率，缩短地图线路编辑的时间。

Description

地图线路编辑方法及装置

技术领域

本发明涉及计算机技术领域，特别是涉及一种地图线路编辑方法及装置。

背景技术

随着交通日益发达，火车、地铁、公交等多种交通方式不断增加、调整，并且，因交通需求汽车的实际路状也在不断调整，这就导致地图为保证其准确性，需不断修正。

在网页中，现有的地图以图片的形式存在，若对其进行修正，需要在后台重新绘制新的地图图片，进而将原图片撤回，将新的图片替换上去。这种修正方式工作量大，且需重复绘制无须更改的部分，造成资源的浪费，进而也会导致更新时间上的缓慢。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的地图线路编辑方法和相应的装置。

基于本发明的一个方面，本发明实施例提供了一种地图线路编辑方法，包括：

利用canvas元素设置图形容器，并为所述图形容器设置canvas标签；

获取符合浏览器支持的图片格式的地图线路图，并放入所述图形容器；

通过所述canvas标签的DOM对象获取输入的编辑信息；

利用所述编辑信息对所述图形容器中的地图线路图进行编辑。

可选地，所述地图线路图包括：

从DOM中已经加载的元素中抓取的地图线路图；或者

按需即时创建的地图线路图。

可选地，所述地图线路包括下列至少之一：地铁线路、公交线路、指定地点间的导航线路、国道、省道。

可选地，利用所述编辑信息对所述图形容器中的地图线路图进行编辑，包括：

增加地铁的线路；

增加任一线路的站点；

删除任一线路的站点；

更改站点类型和/或位置；

更改线路弯曲度。

可选地，所述更改线路弯曲度，包括：

若两座站点之间是曲线，在所述两座站点间添加曲线辅助点；

以所述曲线辅助点为坐标，通过拖拽曲线调整曲线的弯曲线。

可选地，所述曲线辅助点的位置可变。

可选地，所述更改线路弯曲度，包括：

若两座站点之间是直线，在所述两座站点间添加直线辅助点；

设置直线辅助点的属性，以使所述直线辅助点与站点区别开；

以所述直线辅助点为坐标，绘制直线。

可选地，所述更改站点位置，包括：

选中某条线路的某个站点；

通过位置移动操作移动所述选中的站点的位置。

可选地，所述更改站点位置之后，还包括：

根据移动后的站点位置调整与所述选中的站点连接的线路，生成新线路。

可选地，增加和/或删除任一线路的站点之后，还包括：调整与所述增加和/或删除任一线路的站点连接的线路，生成新线路。

可选地，利用所述编辑信息对所述图形容器中的地图线路图进行编辑之后，还包括：将编辑结果生成xml格式的文件。

基于本发明的另一个方面，本发明实施例还公开了一种地图线路编辑装置，包括：

设置模块，适于利用canvas元素设置图形容器，并为所述图形容器设置canvas标签；

图片获取模块，适于获取符合浏览器支持的图片格式的地图线路图，并放入所述图形容器；

信息获取模块，适于通过所述canvas标签的DOM对象获取输入的编辑信息；

编辑模块，适于利用所述编辑信息对所述图形容器中的地图线路图进行编辑。

可选地，所述地图线路图包括：

从DOM中已经加载的元素中抓取的地图线路图；或者

按需即时创建的地图线路图。

可选地，所述地图线路包括下列至少之一：地铁线路、公交线路、指定地点间的导航线路、国道、省道。

可选地，所述编辑模块还适于：

增加地铁的线路；

增加任一线路的站点；

删除任一线路的站点；

更改站点类型和/或位置；

更改线路弯曲度。

可选地，所述编辑模块还适于：

若两座站点之间是曲线，在所述两座站点间添加曲线辅助点；

以所述曲线辅助点为坐标，通过拖拽曲线调整曲线的弯曲线。

可选地，所述曲线辅助点的位置可变。

可选地，所述编辑模块还适于：

若两座站点之间是直线，在所述两座站点间添加直线辅助点；

设置直线辅助点的属性，以使所述直线辅助点与站点区别开；

以所述直线辅助点为坐标，绘制直线。

可选地，所述编辑模块还适于：

选中某条线路的某个站点；

通过位置移动操作移动所述选中的站点的位置。

可选地，所述编辑模块还适于：所述更改站点位置之后，根据移动后的站点位置调整与所述选中的站点连接的线路，生成新线路。

可选地，所述编辑模块还适于：调整与所述增加和/或删除任一线路的站点连接的线路，生成新线路。

可选地，所述编辑模块还适于：将编辑结果生成xml格式的文件。

在本发明实施例中，使用一种canvas元素设置图形容器，并为图形窗口设置canvas标签。当浏览器需要对地图线路图进行编辑时，获取符合浏览器支持的图片格式的地图线路图，将其放为图形容器中。进一步，通过canvas标签的DOM对象获取输入的编辑信息，进而使用编辑信息对图形窗口中的地图线路图进行编辑。canvas元素表示一个HTML(HyperTextMark-upLanguage，超文本标记语言)画布元素-<canvas>，canvas元素没有自己的行为，但是定义了一个API(ApplicationProgrammingInterface，应用程序编程接口)支持脚本化客户端绘图操作。由此可知，利用canvas元素设置的图形容器能够对其中的图片直接进行编辑操作，而不需要如现有技术一般重新绘制新的地图图片。由于API的提供，用户可以直接输入编辑信息，例如节点的增加、删除，线路曲度的上升或下降等等。采用本发明实施例能够直接对网页中的图片进行编辑操作，对于无须修改的部分保留即可，大大提高了地图线路编辑的效率，缩短地图线路编辑所需时间，节省资源，提高用户感受体验。并且，canvas元素所形成的图形容器对于用户而言是可视地，进一步保证了图形容器所接收的编辑信息能够充分体现用户的需求，使得本发明实施例在实施过程中尽量减少修改次数，在较短的时间内达到用户的需求，提高地图线路编辑的效率，缩短地图线路编辑的时间。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

根据下文结合附图对本发明具体实施例的详细描述，本领域技术人员将会更加明了本发明的上述以及其他目的、优点和特征。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了根据本发明一个实施例的地图线路编辑方法的处理流程图；

图2示出了根据本发明一个实施例的图形容器实现添加地铁线路的接口示意图；

图3-图5示出了根据本发明一个实施例的图形容器实现添加地铁站点的接口示意图；

图6示出了根据本发明一个实施例的曲线辅助点的示意图；

图7示出了根据本发明一个实施例的直线辅助点的示意图；

图8示出了根据本发明一个实施例的拖拽站点修改位置的示意图；

图9示出了根据本发明一个实施例的站点修改或删除的示意图；以及

图10示出了根据本发明一个实施例的地图编辑装置的结构示意图。

具体实施方式

在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

为解决这一技术问题，本发明实施例提供了一种新的地图线路编辑方法。图1示出了根据本发明一个实施例的地图线路编辑方法的处理流程图。参见图1，该方法至少包括步骤S102至步骤S108：

步骤S102、利用canvas元素设置图形容器，并为图形容器设置canvas标签；

步骤S104、获取符合浏览器支持的图片格式的地图线路图，并放入图形容器；

步骤S106、通过canvas标签的DOM对象获取输入的编辑信息；

步骤S108、利用编辑信息对图形容器中的地图线路图进行编辑。

在本发明实施例中，使用一种canvas元素设置图形容器，并为图形窗口设置canvas标签。当浏览器需要对地图线路图进行编辑时，获取符合浏览器支持的图片格式的地图线路图，将其放为图形容器中。进一步，通过canvas标签的DOM对象获取输入的编辑信息，进而使用编辑信息对图形窗口中的地图线路图进行编辑。canvas元素表示一个HTML(HyperTextMark-upLanguage，超文本标记语言)画布元素-<canvas>，canvas元素没有自己的行为，但是定义了一个API(ApplicationProgrammingInterface，应用程序编程接口)支持脚本化客户端绘图操作。由此可知，利用canvas元素设置的图形容器能够对其中的图片直接进行编辑操作，而不需要如现有技术一般重新绘制新的地图图片。由于API的提供，用户可以直接输入编辑信息，例如节点的增加、删除，线路曲度的上升或下降等等。采用本发明实施例能够直接对网页中的图片进行编辑操作，对于无须修改的部分保留即可，大大提高了地图线路编辑的效率，缩短地图线路编辑所需时间，节省资源，提高用户感受体验。并且，canvas元素所形成的图形容器对于用户而言是可视地，进一步保证了图形容器所接收的编辑信息能够充分体现用户的需求，使得本发明实施例在实施过程中尽量减少修改次数，在较短的时间内达到用户的需求，提高地图线路编辑的效率，缩短地图线路编辑的时间。

需要说明地是，DOM(DocumentObjectModel，文档对象模型)，它是W3C国际组织的一套Web标准。它定义了访问HTML文档对象的一套属性、方法和事件。DOM是以层次结构组织的节点或信息片断的集合。文档对象模型(DocumentObjectModel)是给HTML与XML文件使用的一组API。DOM的本质是建立网页与脚本语言或程序语言沟通的桥梁。

步骤S106中通过查找canvas标签的DOM对象获取输入的编辑信息，因canvas标签的对应性，使得DOM对象获取得到的编辑信息必须是与图形容器中所要编辑的地图线路图相关，保证了编辑信息的准确性。

本发明实施例中提及的地图线路图有两种，一种是网页中已有的地图线路图，可以从DOM中已经加载的元素中抓取得到，而另外一种是新建的地图线路图，按需即时创建即可得到。

考虑到地图本身的参数属性，通常，地图线路可以包括地铁线路、公交线路、指定地点间的导航线路、国道、省道等等。换个角度说，任意在地图上可以以线形出现的线路均可以适用本发明实施例所提供的地图线路编辑方法，并不会对具体的线路形式形成限定。

其中，本发明实施例可以利用编辑信息对图形容器中的地图线路图进行编辑，需要说明地是，本发明实施例所涉及的任意操作都是在图形容器中实现，其所使用的手段为canvas元素，若下文为描述方便对于部分操作并未提及canvas元素，请参见本说明。

对于地铁线路来说，包括地铁线路的增加，任一线路的站点的增加、删除，更改站点类型和/或位置，更改线路弯曲度等等。理论上地铁线路还包括线路的删除，但是考虑到现实环境中地铁线路一旦增设，被拆除的可能性极低，因此对地铁线路的删除不做详细说明。公交线路与地铁线路极为相似，都是包括多条线路，每条线路上有多条站点，因此通常也会包括整条公交线路的增加、删除，对于单条公交线路，其中任意站点的增加、删除、更改站点类型和/或位置，更改线路弯曲度等等。而对于国道、省道，因通常不具备站点的特征，因此其编辑可以包括国道、省道线路的增加、删除等、位置偏移等。导航线路与用户需求相关，并可以根据线路设置随时更改。

上述编辑操作中，如何更改线路弯曲度涉及到一个弯曲度的调节过程，较为复杂，因此，本发明实施例中对于如何更改线路弯曲度进行一个较为详细的说明。

若两座站点之间是曲线，根据所需要的线路曲度在两座站点间添加曲线辅助点，进而以曲线辅助点为坐标，通过拖拽曲线调整曲线的弯曲线。曲线辅助点的增加使得弯曲线的曲度可控，并且使得拖拽曲线的过程有一个目标点，更容易实现。其中，曲线辅助点的位置可变，根据具体的曲度设定。例如曲度较高，则曲线辅助点的位置可以略远一些，曲度较低，则曲线辅助点的位置可以略近一些。

进一步，若两座站点之间是直线，也可以在两座站点间添加直线辅助点。需要注意地是，直线上为与站点区别开，直线辅助点被设置后，需通过canvas元素设置直线辅助点的属性，以使直线辅助点与站点区别开。随后，以直线辅助点为坐标，绘制直线。

在实际生活中，经常会出现站点位置的更改，尤其是由于公交线路，因线路调整站点位置更改的频率较高。包括：选中某条线路的某个站点，进而通过位置移动操作移动选中的站点的位置。更改站点位置之后，canvas元素会根据移动后的站点位置调整与选中的站点连接的线路，生成新线路。

另外，增加和/或删除任一线路的站点之后，本发明实施例还需要使用canvas元素调整与增加和/或删除任一线路的站点连接的线路，生成新线路，保证线路的连续性。

因地图线路最终需要显示在网页中，因此，利用编辑信息对图形容器中的地图线路图进行编辑之后，将编辑结果生成与网页适配的xml(可扩展标记语言)格式的文件。

为将本发明实施例提供的地图线路编辑方法阐述地更清楚更明白，现以具体实施例对其进行说明。

本实施例以地铁线路为例。本发明使用canvas来实现绘制直线、曲线线条、站点图标、站点名称，以及一些交互操作，并最终生成xml格式的文件。本例中，canvas元素所形成的图形容器能够直接呈现接口，根据不同的功能呈现不同的输入框，以接收对应的编辑信息。

1、为地铁添加线路

图2示出了根据本发明一个实施例的图形容器实现添加地铁线路的接口示意图。点击图形窗口中的“添加线路”，弹出对应表单，填写“线路名称、简称、颜色、ID”等后，地图编辑界面进行线路编辑模式，并显示刚添加的线路名称。

2、添加站点

图3-图5示出了根据本发明一个实施例的图形容器实现添加地铁站点的接口示意图。参见图3，选择要进行编辑的线路后，在操作界面上点击鼠标右键，弹出浮层，填写要添加的站点名称，提交后，则会在界面上生成线路与站点图标等相关信息。参见图4，添加站点时，如果选择该站点为换乘站，则生成的图标与普通站点的图标不同，按换乘站的图标显示，也可通过再次编辑把换乘站修改为普通站点，或相反。图5示意了站点添加结束后的线路示意图，其中，人民大学一站设为换乘站，其图标与其他普通站点不同。

3、曲线与辅助点

对于两座站点之间是曲线的情况，可通过在之间添加辅助点的方式，然后可以通过鼠标拖拽来调整曲线的弯曲度。该实现是通过canvas绘制二次贝赛尔曲线的方式实现，其中两端站点的坐标是固定的，中间的辅助点则是根据鼠标的位置不断变化，同时不断地绘制该曲线。图6示出了根据本发明一个实施例的曲线辅助点的示意图。参见图6，积水潭和西直门间增设了曲线辅助点。

同理，还有直线辅助点，但是由于canvas也会直接绘制直线，因此直线辅助点在绘制时需要对于辅助点在其属性上进行区分，从而保证绘制时直线辅助点与普通的站点不同。图7示出了根据本发明一个实施例的直线辅助点的示意图。

4、拖拽站点修改位置

在编辑某条线路时，先选中某个站点，然后通过鼠标拖拽或使用方向键来移动站点位置，并实时生成新线路。图8示出了根据本发明一个实施例的拖拽站点修改位置的示意图。参见图8，阜成门站点被向左拖拽，其与上下站之间的线路也会相应调整。

5、站点的修改与删除

选中某个站点，然后点击右键，弹出右键菜单，则可进行相关修改、删除操作，修改或删除后线路及时更新。图9示出了根据本发明一个实施例的站点修改或删除的示意图。

6、xml数据文件的生成

每条线路与站点的坐标位置等信息在编辑时都是通过js存储在js数组或对象里，当要生成xml数据时，通过js把这些数据按一定的格式提交，然后获取并解析这数据并最终生成一个xml数据文件。

基于同一发明构思，本发明实施例还提供了一种地图线路编辑装置。图10示出了根据本发明一个实施例的地图编辑装置的结构示意图。参见图10，该装置至少包括：

设置模块1010，适于利用canvas元素设置图形容器，并为图形容器设置canvas标签；

图片获取模块1020，与设置模块1010耦合，适于获取符合浏览器支持的图片格式的地图线路图，并放入图形容器；

信息获取模块1030，与图片获取模块1020耦合，适于通过canvas标签的DOM对象获取输入的编辑信息；

编辑模块1040，一端与图片获取模块1020耦合，另一端与信息获取模块1030耦合，适于利用编辑信息对图形容器中的地图线路图进行编辑。

在一个优选的实施例中，地图线路图包括：

从DOM中已经加载的元素中抓取的地图线路图；或者

按需即时创建的地图线路图。

在一个优选的实施例中，地图线路包括下列至少之一：地铁线路、公交线路、指定地点间的导航线路、国道、省道。

在一个优选的实施例中，编辑模块1040还适于：

增加地铁的线路；

增加任一线路的站点；

删除任一线路的站点；

更改站点类型和/或位置；

更改线路弯曲度。

在一个优选的实施例中，编辑模块1040还适于：

若两座站点之间是曲线，在两座站点间添加曲线辅助点；

以曲线辅助点为坐标，通过拖拽曲线调整曲线的弯曲线。

在一个优选的实施例中，曲线辅助点的位置可变。

在一个优选的实施例中，编辑模块1040还适于：

若两座站点之间是直线，在两座站点间添加直线辅助点；

设置直线辅助点的属性，以使直线辅助点与站点区别开；

以直线辅助点为坐标，绘制直线。

在一个优选的实施例中，编辑模块1040还适于：

选中某条线路的某个站点；

通过位置移动操作移动选中的站点的位置。

在一个优选的实施例中，编辑模块1040还适于：

更改站点位置之后，根据移动后的站点位置调整与选中的站点连接的线路，生成新线路。

在一个优选的实施例中，编辑模块1040还适于：

调整与增加和/或删除任一线路的站点连接的线路，生成新线路。

在一个优选的实施例中，编辑模块1040还适于：

将编辑结果生成xml格式的文件。

采用本发明实施例提供的地图线路编辑方法及装置，能够达到如下有益效果：

在本发明实施例中，使用一种canvas元素设置图形容器，并为图形窗口设置canvas标签。当浏览器需要对地图线路图进行编辑时，获取符合浏览器支持的图片格式的地图线路图，将其放为图形容器中。进一步，通过canvas标签的DOM对象获取输入的编辑信息，进而使用编辑信息对图形窗口中的地图线路图进行编辑。canvas元素表示一个HTML(HyperTextMark-upLanguage，超文本标记语言)画布元素-<canvas>，canvas元素没有自己的行为，但是定义了一个API(ApplicationProgrammingInterface，应用程序编程接口)支持脚本化客户端绘图操作。由此可知，利用canvas元素设置的图形容器能够对其中的图片直接进行编辑操作，而不需要如现有技术一般重新绘制新的地图图片。由于API的提供，用户可以直接输入编辑信息，例如节点的增加、删除，线路曲度的上升或下降等等。采用本发明实施例能够直接对网页中的图片进行编辑操作，对于无须修改的部分保留即可，大大提高了地图线路编辑的效率，缩短地图线路编辑所需时间，节省资源，提高用户感受体验。并且，canvas元素所形成的图形容器对于用户而言是可视地，进一步保证了图形容器所接收的编辑信息能够充分体现用户的需求，使得本发明实施例在实施过程中尽量减少修改次数，在较短的时间内达到用户的需求，提高地图线路编辑的效率，缩短地图线路编辑的时间。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的地图线路编辑装置中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

至此，本领域技术人员应认识到，虽然本文已详尽示出和描述了本发明的多个示例性实施例，但是，在不脱离本发明精神和范围的情况下，仍可根据本发明公开的内容直接确定或推导出符合本发明原理的许多其他变型或修改。因此，本发明的范围应被理解和认定为覆盖了所有这些其他变型或修改。

基于本发明的一个方面，本发明实施例公开了A1、一种地图线路编辑方法，包括：利用canvas元素设置图形容器，并为所述图形容器设置canvas标签；获取符合浏览器支持的图片格式的地图线路图，并放入所述图形容器；通过所述canvas标签的DOM对象获取输入的编辑信息；利用所述编辑信息对所述图形容器中的地图线路图进行编辑。A2、根据A1所述的方法，其中，所述地图线路图包括：从DOM中已经加载的元素中抓取的地图线路图；或者按需即时创建的地图线路图。A3、根据A1或A2所述的方法，其中，所述地图线路包括下列至少之一：地铁线路、公交线路、指定地点间的导航线路、国道、省道。A4、根据A1-A3任一项所述的方法，其中，利用所述编辑信息对所述图形容器中的地图线路图进行编辑，包括：增加地铁的线路；增加任一线路的站点；删除任一线路的站点；更改站点类型和/或位置；更改线路弯曲度。A5、根据A1-A4任一项所述的方法，其中，所述更改线路弯曲度，包括：若两座站点之间是曲线，在所述两座站点间添加曲线辅助点；以所述曲线辅助点为坐标，通过拖拽曲线调整曲线的弯曲线。A6、根据A1-A5任一项所述的方法，其中，所述曲线辅助点的位置可变。A7、根据A1-A6任一项所述的方法，其中，所述更改线路弯曲度，包括：若两座站点之间是直线，在所述两座站点间添加直线辅助点；设置直线辅助点的属性，以使所述直线辅助点与站点区别开；以所述直线辅助点为坐标，绘制直线。A8、根据A1-A7任一项所述的方法，其中，所述更改站点位置，包括：选中某条线路的某个站点；通过位置移动操作移动所述选中的站点的位置。A9、根据A1-A8任一项所述的方法，其中，所述更改站点位置之后，还包括：根据移动后的站点位置调整与所述选中的站点连接的线路，生成新线路。A10、根据A4所述的方法，其中，增加和/或删除任一线路的站点之后，还包括：调整与所述增加和/或删除任一线路的站点连接的线路，生成新线路。A11、根据A1至A10任一项所述的方法，其中，利用所述编辑信息对所述图形容器中的地图线路图进行编辑之后，还包括：将编辑结果生成xml格式的文件。

根据本发明的另一个方面，本发明实施例公开了B12、一种地图线路编辑装置，包括：设置模块，适于利用canvas元素设置图形容器，并为所述图形容器设置canvas标签；图片获取模块，适于获取符合浏览器支持的图片格式的地图线路图，并放入所述图形容器；信息获取模块，适于通过所述canvas标签的DOM对象获取输入的编辑信息；编辑模块，适于利用所述编辑信息对所述图形容器中的地图线路图进行编辑。B13、根据B12所述的装置，其中，所述地图线路图包括：从DOM中已经加载的元素中抓取的地图线路图；或者按需即时创建的地图线路图。B14、根据B12或B13所述的装置，其中，所述地图线路包括下列至少之一：地铁线路、公交线路、指定地点间的导航线路、国道、省道。B15、根据B14所述的装置，其中，所述编辑模块还适于：增加地铁的线路；增加任一线路的站点；删除任一线路的站点；更改站点类型和/或位置；更改线路弯曲度。B16、根据B15所述的装置，其中，所述编辑模块还适于：若两座站点之间是曲线，在所述两座站点间添加曲线辅助点；以所述曲线辅助点为坐标，通过拖拽曲线调整曲线的弯曲线。B17、根据B16所述的装置，其中，所述曲线辅助点的位置可变。B18、根据B15所述的装置，其中，所述编辑模块还适于：若两座站点之间是直线，在所述两座站点间添加直线辅助点；设置直线辅助点的属性，以使所述直线辅助点与站点区别开；以所述直线辅助点为坐标，绘制直线。B19、根据B15所述的装置，其中，所述编辑模块还适于：选中某条线路的某个站点；通过位置移动操作移动所述选中的站点的位置。B20、根据B19所述的装置，其中，所述编辑模块还适于：所述更改站点位置之后，根据移动后的站点位置调整与所述选中的站点连接的线路，生成新线路。B21、根据B15所述的装置，其中，所述编辑模块还适于：调整与所述增加和/或删除任一线路的站点连接的线路，生成新线路。B22、根据B12至B21任一项所述的装置，其中，所述编辑模块还适于：将编辑结果生成xml格式的文件。

Claims (10)

1.一种地图线路编辑方法，包括：

利用canvas元素设置图形容器，并为所述图形容器设置canvas标签；

获取符合浏览器支持的图片格式的地图线路图，并放入所述图形容器；

通过所述canvas标签的DOM对象获取输入的编辑信息；

利用所述编辑信息对所述图形容器中的地图线路图进行编辑。

2.根据权利要求1所述的方法，其中，所述地图线路图包括：

从DOM中已经加载的元素中抓取的地图线路图；或者

按需即时创建的地图线路图。

3.根据权利要求1或2所述的方法，其中，所述地图线路包括下列至少之一：地铁线路、公交线路、指定地点间的导航线路、国道、省道。

4.根据权利要求1-3任一项所述的方法，其中，利用所述编辑信息对所述图形容器中的地图线路图进行编辑，包括：

增加地铁的线路；

增加任一线路的站点；

删除任一线路的站点；

更改站点类型和/或位置；

更改线路弯曲度。

5.根据权利要求1-4任一项所述的方法，其中，所述更改线路弯曲度，包括：

若两座站点之间是曲线，在所述两座站点间添加曲线辅助点；

以所述曲线辅助点为坐标，通过拖拽曲线调整曲线的弯曲线。

6.根据权利要求1-5任一项所述的方法，其中，所述曲线辅助点的位置可变。

7.根据权利要求1-6任一项所述的方法，其中，所述更改线路弯曲度，包括：

若两座站点之间是直线，在所述两座站点间添加直线辅助点；

设置直线辅助点的属性，以使所述直线辅助点与站点区别开；

以所述直线辅助点为坐标，绘制直线。

8.根据权利要求1-7任一项所述的方法，其中，所述更改站点位置，包括：

选中某条线路的某个站点；

通过位置移动操作移动所述选中的站点的位置。

9.根据权利要求1-8任一项所述的方法，其中，所述更改站点位置之后，还包括：

根据移动后的站点位置调整与所述选中的站点连接的线路，生成新线路。

10.一种地图线路编辑装置，包括：

设置模块，适于利用canvas元素设置图形容器，并为所述图形容器设置canvas标签；

图片获取模块，适于获取符合浏览器支持的图片格式的地图线路图，并放入所述图形容器；

信息获取模块，适于通过所述canvas标签的DOM对象获取输入的编辑信息；

编辑模块，适于利用所述编辑信息对所述图形容器中的地图线路图进行编辑。