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

文档序号:9375209阅读:来源:国知局
示意图;
[0072]图7示出了根据本发明一个实施例的直线辅助点的示意图;
[0073]图8示出了根据本发明一个实施例的拖拽站点修改位置的示意图;
[0074]图9示出了根据本发明一个实施例的站点修改或删除的示意图;以及
[0075]图10示出了根据本发明一个实施例的地图编辑装置的结构示意图。
【具体实施方式】
[0076]在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
[0077]为解决这一技术问题,本发明实施例提供了一种新的地图线路编辑方法。图1示出了根据本发明一个实施例的地图线路编辑方法的处理流程图。参见图1,该方法至少包括步骤S102至步骤S108:
[0078]步骤S102、利用canvas元素设置图形容器,并为图形容器设置canvas标签;
[0079]步骤S104、获取符合浏览器支持的图片格式的地图线路图,并放入图形容器;
[0080]步骤S106、通过canvas标签的DOM对象获取输入的编辑信息;
[0081]步骤S108、利用编辑信息对图形容器中的地图线路图进行编辑。
[0082]在本发明实施例中,使用一种canvas元素设置图形容器,并为图形窗口设置canvas标签。当浏览器需要对地图线路图进行编辑时,获取符合浏览器支持的图片格式的地图线路图,将其放为图形容器中。进一步,通过canvas标签的DOM对象获取输入的编辑信息,进而使用编辑信息对图形窗口中的地图线路图进行编辑。canvas元素表示一个HTML (HyperText Mark-up Language,超文本标记语言)画布元素-〈canvas〉,canvas 元素没有自己的行为,但是定义了一个API (Applicat1n Programming Interface,应用程序编程接口 )支持脚本化客户端绘图操作。由此可知,利用canvas元素设置的图形容器能够对其中的图片直接进行编辑操作,而不需要如现有技术一般重新绘制新的地图图片。由于API的提供,用户可以直接输入编辑信息,例如节点的增加、删除,线路曲度的上升或下降等等。采用本发明实施例能够直接对网页中的图片进行编辑操作,对于无须修改的部分保留即可,大大提高了地图线路编辑的效率,缩短地图线路编辑所需时间,节省资源,提高用户感受体验。并且,canvas元素所形成的图形容器对于用户而言是可视地,进一步保证了图形容器所接收的编辑信息能够充分体现用户的需求,使得本发明实施例在实施过程中尽量减少修改次数,在较短的时间内达到用户的需求,提高地图线路编辑的效率,缩短地图线路编辑的时间。
[0083]需要说明地是,DOM(Document Object Model,文档对象模型),它是W3C国际组织的一套Web标准。它定义了访问HTML文档对象的一套属性、方法和事件。DOM是以层次结构组织的节点或信息片断的集合。文档对象模型(Document Object Model)是给HTML与XML文件使用的一组API。DOM的本质是建立网页与脚本语言或程序语言沟通的桥梁。
[0084]步骤S106中通过查找canvas标签的DOM对象获取输入的编辑信息,因canvas标签的对应性,使得DOM对象获取得到的编辑信息必须是与图形容器中所要编辑的地图线路图相关,保证了编辑信息的准确性。
[0085]本发明实施例中提及的地图线路图有两种,一种是网页中已有的地图线路图,可以从DOM中已经加载的元素中抓取得到,而另外一种是新建的地图线路图,按需即时创建即可得到。
[0086]考虑到地图本身的参数属性,通常,地图线路可以包括地铁线路、公交线路、指定地点间的导航线路、国道、省道等等。换个角度说,任意在地图上可以以线形出现的线路均可以适用本发明实施例所提供的地图线路编辑方法,并不会对具体的线路形式形成限定。
[0087]其中,本发明实施例可以利用编辑信息对图形容器中的地图线路图进行编辑,需要说明地是,本发明实施例所涉及的任意操作都是在图形容器中实现,其所使用的手段为canvas元素,若下文为描述方便对于部分操作并未提及canvas元素,请参见本说明。
[0088]对于地铁线路来说,包括地铁线路的增加,任一线路的站点的增加、删除,更改站点类型和/或位置,更改线路弯曲度等等。理论上地铁线路还包括线路的删除,但是考虑到现实环境中地铁线路一旦增设,被拆除的可能性极低,因此对地铁线路的删除不做详细说明。公交线路与地铁线路极为相似,都是包括多条线路,每条线路上有多条站点,因此通常也会包括整条公交线路的增加、删除,对于单条公交线路,其中任意站点的增加、删除、更改站点类型和/或位置,更改线路弯曲度等等。而对于国道、省道,因通常不具备站点的特征,因此其编辑可以包括国道、省道线路的增加、删除等、位置偏移等。导航线路与用户需求相关,并可以根据线路设置随时更改。
[0089]上述编辑操作中,如何更改线路弯曲度涉及到一个弯曲度的调节过程,较为复杂,因此,本发明实施例中对于如何更改线路弯曲度进行一个较为详细的说明。
[0090]若两座站点之间是曲线,根据所需要的线路曲度在两座站点间添加曲线辅助点,进而以曲线辅助点为坐标,通过拖拽曲线调整曲线的弯曲线。曲线辅助点的增加使得弯曲线的曲度可控,并且使得拖拽曲线的过程有一个目标点,更容易实现。其中,曲线辅助点的位置可变,根据具体的曲度设定。例如曲度较高,则曲线辅助点的位置可以略远一些,曲度较低,则曲线辅助点的位置可以略近一些。
[0091]进一步,若两座站点之间是直线,也可以在两座站点间添加直线辅助点。需要注意地是,直线上为与站点区别开,直线辅助点被设置后,需通过canvas元素设置直线辅助点的属性,以使直线辅助点与站点区别开。随后,以直线辅助点为坐标,绘制直线。
[0092]在实际生活中,经常会出现站点位置的更改,尤其是由于公交线路,因线路调整站点位置更改的频率较高。包括:选中某条线路的某个站点,进而通过位置移动操作移动选中的站点的位置。更改站点位置之后,canvas元素会根据移动后的站点位置调整与选中的站点连接的线路,生成新线路。
[0093]另外,增加和/或删除任一线路的站点之后,本发明实施例还需要使用canvas元素调整与增加和/或删除任一线路的站点连接的线路,生成新线路,保证线路的连续性。
[0094]因地图线路最终需要显示在网页中,因此,利用编辑信息对图形容器中的地图线路图进行编辑之后,将编辑结果生成与网页适配的xml (可扩展标记语言)格式的文件。
[0095]为将本发明实施例提供的地图线路编辑方法阐述地更清楚更明白,现以具体实施例对其进行说明。
[0096]本实施例以地铁线路为例。本发明使用canvas来实现绘制直线、曲线线条、站点图标、站点名称,以及一些交互操作,并最终生成xml格式的文件。本例中,canvas元素所形成的图形容器能够直接呈现接口,根据不同的功能呈现不同的输入框,以接收对应的编辑信息。
[0097]1、为地铁添加线路
[0098]图2示出了根据本发明一个实施例的图形容器实现添加地铁线路的接口示意图。点击图形窗口中的“添加线路”,弹出对应表单,填写“线路名称、简称、颜色、ID”等后,地图编辑界面进行线路编辑模式,并显示刚添加的线路名称。
[0099]2、添加站点
[0100]图3-图5示出了根据本发明一个实施例的图形容器实现添加地铁站点的接口示意图。参见图3,选择要进行编辑的线路后,在操作界面上点击鼠标右键,弹出浮层,填写要添加的站点名称,提交后,则会在界面上生成线路与站点图标等相关信息。参见图4,添加站点时,如果选择该站点为换乘站,则生成的图标与普通站点的图标不同,按换乘站的图标显示,也可通过再次编辑把换乘站修改为普通站点,或相反。图5示意了站点添加结束后的线路示意图,其中,人民大学一站设为换乘站,其图标与其他普通站点不同。
[0101]3、曲线与辅助点
[0102]对于两座站点之间是曲线的情况,可通过在之间添加辅助点的方式,然后可以通过鼠标拖拽来
当前第2页1 2 3 4 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1