地图线路编辑方法及装置的制造方法

文档序号:9375209阅读:667来源:国知局
地图线路编辑方法及装置的制造方法
【技术领域】
[0001]本发明涉及计算机技术领域,特别是涉及一种地图线路编辑方法及装置。
【背景技术】
[0002]随着交通日益发达,火车、地铁、公交等多种交通方式不断增加、调整,并且,因交通需求汽车的实际路状也在不断调整,这就导致地图为保证其准确性,需不断修正。
[0003]在网页中,现有的地图以图片的形式存在,若对其进行修正,需要在后台重新绘制新的地图图片,进而将原图片撤回,将新的图片替换上去。这种修正方式工作量大,且需重复绘制无须更改的部分,造成资源的浪费,进而也会导致更新时间上的缓慢。

【发明内容】

[0004]鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的地图线路编辑方法和相应的装置。
[0005]基于本发明的一个方面,本发明实施例提供了一种地图线路编辑方法,包括:
[0006]利用canvas元素设置图形容器,并为所述图形容器设置canvas标签;
[0007]获取符合浏览器支持的图片格式的地图线路图,并放入所述图形容器;
[0008]通过所述canvas标签的DOM对象获取输入的编辑信息;
[0009]利用所述编辑信息对所述图形容器中的地图线路图进行编辑。
[0010]可选地,所述地图线路图包括:
[0011]从DOM中已经加载的元素中抓取的地图线路图;或者
[0012]按需即时创建的地图线路图。
[0013]可选地,所述地图线路包括下列至少之一:地铁线路、公交线路、指定地点间的导航线路、国道、省道。
[0014]可选地,利用所述编辑信息对所述图形容器中的地图线路图进行编辑,包括:
[0015]增加地铁的线路;
[0016]增加任一线路的站点;
[0017]删除任一线路的站点;
[0018]更改站点类型和/或位置;
[0019]更改线路弯曲度。
[0020]可选地,所述更改线路弯曲度,包括:
[0021]若两座站点之间是曲线,在所述两座站点间添加曲线辅助点;
[0022]以所述曲线辅助点为坐标,通过拖拽曲线调整曲线的弯曲线。
[0023]可选地,所述曲线辅助点的位置可变。
[0024]可选地,所述更改线路弯曲度,包括:
[0025]若两座站点之间是直线,在所述两座站点间添加直线辅助点;
[0026]设置直线辅助点的属性,以使所述直线辅助点与站点区别开;
[0027]以所述直线辅助点为坐标,绘制直线。
[0028]可选地,所述更改站点位置,包括:
[0029]选中某条线路的某个站点;
[0030]通过位置移动操作移动所述选中的站点的位置。
[0031]可选地,所述更改站点位置之后,还包括:
[0032]根据移动后的站点位置调整与所述选中的站点连接的线路,生成新线路。
[0033]可选地,增加和/或删除任一线路的站点之后,还包括:调整与所述增加和/或删除任一线路的站点连接的线路,生成新线路。
[0034]可选地,利用所述编辑信息对所述图形容器中的地图线路图进行编辑之后,还包括:将编辑结果生成xml格式的文件。
[0035]基于本发明的另一个方面,本发明实施例还公开了一种地图线路编辑装置,包括:
[0036]设置模块,适于利用canvas元素设置图形容器,并为所述图形容器设置canvas标签;
[0037]图片获取模块,适于获取符合浏览器支持的图片格式的地图线路图,并放入所述图形容器;
[0038]信息获取模块,适于通过所述canvas标签的DOM对象获取输入的编辑信息;
[0039]编辑模块,适于利用所述编辑信息对所述图形容器中的地图线路图进行编辑。
[0040]可选地,所述地图线路图包括:
[0041]从DOM中已经加载的元素中抓取的地图线路图;或者
[0042]按需即时创建的地图线路图。
[0043]可选地,所述地图线路包括下列至少之一:地铁线路、公交线路、指定地点间的导航线路、国道、省道。
[0044]可选地,所述编辑模块还适于:
[0045]增加地铁的线路;
[0046]增加任一线路的站点;
[0047]删除任一线路的站点;
[0048]更改站点类型和/或位置;
[0049]更改线路弯曲度。
[0050]可选地,所述编辑模块还适于:
[0051 ]若两座站点之间是曲线,在所述两座站点间添加曲线辅助点;
[0052]以所述曲线辅助点为坐标,通过拖拽曲线调整曲线的弯曲线。
[0053]可选地,所述曲线辅助点的位置可变。
[0054]可选地,所述编辑模块还适于:
[0055]若两座站点之间是直线,在所述两座站点间添加直线辅助点;
[0056]设置直线辅助点的属性,以使所述直线辅助点与站点区别开;
[0057]以所述直线辅助点为坐标,绘制直线。
[0058]可选地,所述编辑模块还适于:
[0059]选中某条线路的某个站点;
[0060]通过位置移动操作移动所述选中的站点的位置。
[0061]可选地,所述编辑模块还适于:所述更改站点位置之后,根据移动后的站点位置调整与所述选中的站点连接的线路,生成新线路。
[0062]可选地,所述编辑模块还适于:调整与所述增加和/或删除任一线路的站点连接的线路,生成新线路。
[0063]可选地,所述编辑模块还适于:将编辑结果生成xml格式的文件。
[0064]在本发明实施例中,使用一种canvas元素设置图形容器,并为图形窗口设置canvas标签。当浏览器需要对地图线路图进行编辑时,获取符合浏览器支持的图片格式的地图线路图,将其放为图形容器中。进一步,通过canvas标签的DOM对象获取输入的编辑信息,进而使用编辑信息对图形窗口中的地图线路图进行编辑。canvas元素表示一个HTML (HyperText Mark-up Language,超文本标记语言)画布元素-〈canvas〉,canvas 元素没有自己的行为,但是定义了一个API (Applicat1n Programming Interface,应用程序编程接口 )支持脚本化客户端绘图操作。由此可知,利用canvas元素设置的图形容器能够对其中的图片直接进行编辑操作,而不需要如现有技术一般重新绘制新的地图图片。由于API的提供,用户可以直接输入编辑信息,例如节点的增加、删除,线路曲度的上升或下降等等。采用本发明实施例能够直接对网页中的图片进行编辑操作,对于无须修改的部分保留即可,大大提高了地图线路编辑的效率,缩短地图线路编辑所需时间,节省资源,提高用户感受体验。并且,canvas元素所形成的图形容器对于用户而言是可视地,进一步保证了图形容器所接收的编辑信息能够充分体现用户的需求,使得本发明实施例在实施过程中尽量减少修改次数,在较短的时间内达到用户的需求,提高地图线路编辑的效率,缩短地图线路编辑的时间。
[0065]上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的【具体实施方式】。
[0066]根据下文结合附图对本发明具体实施例的详细描述,本领域技术人员将会更加明了本发明的上述以及其他目的、优点和特征。
【附图说明】
[0067]通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
[0068]图1示出了根据本发明一个实施例的地图线路编辑方法的处理流程图;
[0069]图2示出了根据本发明一个实施例的图形容器实现添加地铁线路的接口示意图;
[0070]图3-图5示出了根据本发明一个实施例的图形容器实现添加地铁站点的接口示意图;
[0071]图6示出了根据本发明一个实施例的曲线辅助点的
当前第1页1 2 3 4 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1