CN109903671A - 一种基于Echart的线路展示方法 - Google Patents
一种基于Echart的线路展示方法 Download PDFInfo
- Publication number
- CN109903671A CN109903671A CN201910281949.6A CN201910281949A CN109903671A CN 109903671 A CN109903671 A CN 109903671A CN 201910281949 A CN201910281949 A CN 201910281949A CN 109903671 A CN109903671 A CN 109903671A
- Authority
- CN
- China
- Prior art keywords
- map
- province
- coordinate
- route
- data
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Landscapes
- Controls And Circuits For Display Device (AREA)
Abstract
本发明提供一种基于Echart的线路展示方法,该方法包括采用BMap初始化地图,根据所述地图的缩放等级确定停留水平;根据Echart标注所述地图中各省份的省会坐标、各市坐标、各县坐标,生成省份数据;根据Echart中的lines类型以及所述省份数据绘制、展示线路。本发明提供的方法中,采用BMap绘制地图背景,实现地图初始化;根据地图的缩放等级确定停留水平;采用Echart在初始化后的地图上标注各省份的省会坐标、各市坐标、各县坐标,从而通过不同的样色实现不同运行运力的路线以及停留点的绘制、展示、区分,进而直观展示线路的运行方向,并且在出现回路时可以分开展示各自的数据。
Description
技术领域
本发明涉及显示技术领域,尤其涉及一种基于Echart的线路展示方法。
背景技术
随着交通、旅游、运输等的发展,地图越来越成为人们日常生活、工作、出游的主要工具。对于运输等方面,地图上各条路线以及停留点的可视化展示尤为重要。
通常,在地图上通过使用不同的颜色体现各条线路的运力程度、停留点的停留次数,同时,线路轨迹还明确表示出车辆等的运行方向,以此体现各条路线以及停留点的可视化展示。对于两城市之间的同一线路,为合理分配车辆以及实现线路的最大化利用,需要明确区分出去路和回路的情况。由此,这就需要采用A-B线路和B-A线路表示去路和回路,同时采用不同颜色表示两条线路的运力程度。
目前,对于各条路线以及停留点的可视化展示,通常使用BMap的标识实现停留点的绘制,进而使用BMap的折线将标识的停留点绘制成路线。但对于上述方法,由于BMap中的折线是使用多个停留点的坐标点连接起来的,且A-B线路和B-A线路中停留点的坐标点是固定的,因此,对于有回路的线路,则只能显示一条路线,并不能显示去路和回路,进而不能明确标示出线路的运行方向。
发明内容
本发明提供一种基于Echart的线路展示方法,以解决现有路线展示方法无法明确标示带有回路的线路的运行方向。
本发明提供一种基于Echart的线路展示方法,包括:
采用BMap初始化地图,以使所述地图只显示各省份轮廓;
根据所述地图的缩放等级确定停留水平;
根据Echart标注所述地图中各省份的省会坐标、各市坐标、各县坐标,生成省份数据;其中,所述省份数据包括所述停留水平、省份名称以及所述省份名称相应的所述省会坐标、所述各市坐标、所述各县坐标;
根据Echart中的lines类型以及所述省份数据绘制、展示线路。
优选地,根据所述地图的缩放等级确定停留水平包括:
当所述地图的缩放等级为变焦小于6时,所述停留水平为1;
当所述地图的缩放等级为变焦大于等于6且小于等于8时,所述停留水平为2;
当所述地图的缩放等级为变焦大于8时,所述停留水平为3。
优选地,还包括:监听mychart的bmaproam事件,以确定所述地图的缩放等级。
优选地,根据所述省份数据中的所述停留水平显示路线的展示颜色。
优选地,还包括:
所述线路展示后,将与所述线路相关的数据通过covertLineData方法存储到总线数组中;
根据updateChart方法更新所述地图。
优选地,还包括:
获取停留点数据;
根据所述省份数据中的所述停留水平判断所述停留点的展示颜色;
根据所述地图的缩放等级判断所述停留点的展示大小;
根据所述展示颜色和所述展示大小显示所述停留点以及所述停留点的停留次数。
优选地,还包括:转换所述停留点数据后存储到停留数据数组中。
本发明的实施例提供的技术方案可以包括以下有益效果:
本发明提供一种基于Echart的线路展示方法,该方法包括采用BMap初始化地图,根据所述地图的缩放等级确定停留水平;根据Echart标注所述地图中各省份的省会坐标、各市坐标、各县坐标,生成省份数据;根据Echart中的lines类型以及所述省份数据绘制、展示线路。本发明提供的方法中,采用BMap绘制地图背景,实现地图初始化;根据地图的缩放等级确定停留水平;采用Echart在初始化后的地图上标注各省份的省会坐标、各市坐标、各县坐标,从而通过不同的样色实现不同运行运力的路线绘制、展示、区分,进而直观展示线路的运行方向,并且在出现回路时可以分开展示各自的数据。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本发明。
附图说明
为了更清楚地说明本申请的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,对于本领域普通技术人员而言,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的基于Echart的线路展示方法的流程示意图;
图2为本发明实施例提供的绵阳市和重庆市之间的线路展示示意图;
图3为本发明实施例提供的停留点的展示示意图;
图4为本发明实施例提供的同时显示线路和停留点的展示示意图。
具体实施方式
请参考附图1,附图1示出了本申请实施例提供的基于Echart的线路展示方法的流程示意图。由附图1可见,本申请实施例提供的基于Echart的线路展示方法具体包括:
S01:采用BMap初始化地图,以使所述地图只显示各省份轮廓。
Bmap地图为一款第三方地图应用,能够实现百度地图和高德地图的数据源之间的切换。在本申请实施例中,采用BMap初始化地图。具体的,为避免地图上的非国内地名展示、铁路线路展示等其他数据干扰,需要将上述数据进行隐藏,以实现仅显示我国各省份的分布轮廓图。
S02:根据所述地图的缩放等级确定停留水平。
在地图上不可能同时显示所有城市、县城,因而需要根据不同的缩放等级显示地图,进而确定停留水平以及显示停留点的相关数据。在本申请实施例中,停留水平的数值越高,则表示线路的运力越高。在地图上展示时,根据停留水平确定线路的展示颜色。另外,停留点可能为省会、城市或县城,这需要根据地图的实际缩放等级确定并显示。
在本申请实施例中,当地图的缩放等级为变焦小于6时,停留水平为1;当地图的缩放等级为变焦大于等于6且小于等于8时,停留水平为2;当地图的缩放等级为变焦大于8时,停留水平为3。当停留水平为1时,表示只显示每个省的数据;当停留水平为2时,表示只显示同一省中各城市的数据;当停留水平为3时,表示只显示各县的数据。
另外,不同的停留水平代表不同的颜色,例如,停留水平为1,采用绿色;停留水平为2,采用黄色;停留水平为3,采用红色。进一步,本申请实施例中,监听mychart的bmaproam事件,以确定地图的缩放等级。
S03:根据Echart标注所述地图中各省份的省会坐标、各市坐标、各县坐标,生成省份数据。其中,所述省份数据包括所述停留水平、省份名称以及所述省份名称相应的所述省会坐标、所述各市坐标、所述各县坐标。
具体的,由于采用BMap对地图进行了初始化,因而地图上并不携带以及显示各省份的信息。由此,需要标注地图中各省份的省会坐标、各市坐标、各县坐标。在本申请实施例中,根据Echart标注地图中各省份的省会坐标、各市坐标、各县坐标,并根据上述坐标以及停留水平生成省份数据。其中,省份数据包括停留水平、省份名称以及省份名称相应的省会坐标、各市坐标、各县坐标,例如省份数据的形式为const coordProvinceMap={四川省:[104.067923,30.679943]...}。
S04:根据Echart中的lines类型以及所述省份数据绘制、展示线路。
根据用户请求,调用省份数据。根据调用得到的省份数据以及Echart中的lines类型绘制、展示线路。例如,用户请求显示绵阳市和重庆市之间的线路,此时,传回的数据格式为:[{endCity:“绵阳市”,endLat:“31.5047013”,endLng:“104.7055190”,level:3,startCity:“重庆市”,startLat:”重庆市”,startLat:“29.5446061”,startLng:“106.5306350”,total:“29”},...]。使用Echart中的lines类型根据上述传回的数据绘制线路轨迹,进而显示绘制的线路,如附图2所示。由附图2可见,出现回路时,可以使用两条不同的线路来标示,并且根据各自的level来显示颜色。
进一步,由于用户使用地图时的缩放等级不同,因而线路展示后,将与线路相关的数据通过covertLineData方法存储到总线数组中,进而根据updateChart方法更新地图。
本申请实施例提供的基于Echart的线路展示方法不仅能够显示线路,而且还能够显示停留点以及在某一停留点的停留次数。具体的,包括:
S11:获取停留点数据。
由于地图上的停留点可能为省会、城市或县城,因而需要从省份数据中调用省会坐标、各市坐标、各县坐标,以实现停留点数据的获取。例如,当停留点为重庆市时,则获取的停留点数据的格式为:[{total:239,name:“重庆市”,lng:“106.5306350”,lat:“29.5446061”,level:3},...]。
S12:根据所述省份数据中的所述停留水平判断所述停留点的展示颜色。
根据调用得到的省份数据中的停留水平判断停留点的展示颜色。另外,停留水平数值的大小表示该停留点的停留次数,即停留水平数值越大,该停留点的停留次数越多。停留点的展示颜色得判断同线路展示颜色的确定,此处不再赘述。
S13:根据所述地图的缩放等级判断所述停留点的展示大小。
S14:根据所述展示颜色和所述展示大小显示所述停留点以及所述停留点的停留次数。
某一停留点的展示颜色和展示大小确定后,根据确定的展示颜色和展示大小采用Echart中的scatter类型绘制停留点,同时显示该停留点的停留次数,如附图3所示。
同路线相同的,路线的显示是不断更新的,停留点的停留次数也是不断更新的,因此,停留点展示后,需要将停留点数据进行转换,进而将转换后的停留点数据存储到停留数据数组中,以便于更新停留点的停留次数。
在本申请实施例中,当地图的缩放等级发生变化时,则会重现请求省份数据,进而重新显示线路和停留点,以实现地图的不断更新。
进一步,本申请实施例提供的基于Echart的线路展示方法能够用不同的颜色同时显示线路和停留点,如附图4所示。在本申请实施例中,采用BMap绘制地图背景,实现地图初始化;根据地图的缩放等级确定停留水平;采用Echart在初始化后的地图上标注各省份的省会坐标、各市坐标、各县坐标,从而通过不同的样色实现不同运行运力的路线绘制、展示、区分,同时,不同频率的停留点也使用不同的颜色表示,进而直观展示线路的运行方向,并且在出现回路时可以分开展示各自的数据。本申请实施例提供的方法让用户更直观的看出哪些省份的线路频繁。哪些地方的停留次数最多,更好的帮助用户查看数据,分析数据。
本领域的技术人员可以清楚地了解到本发明实施例中的技术可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解,本发明实施例中的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例或者实施例的某些部分所述的方法。
以上所述的本发明实施方式并不构成对本发明保护范围的限定。
本领域技术人员在考虑说明书及实践这里发明的公开后,将容易想到本发明的其它实施方案。本申请旨在涵盖本发明的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本发明未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本发明的真正范围和精神由下面的权利要求指出。
应当理解的是,本发明并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求来限制。
Claims (7)
1.一种基于Echart的线路展示方法,其特征在于,包括:
采用BMap初始化地图,以使所述地图只显示各省份轮廓;
根据所述地图的缩放等级确定停留水平;
根据Echart标注所述地图中各省份的省会坐标、各市坐标、各县坐标,生成省份数据;其中,所述省份数据包括所述停留水平、省份名称以及所述省份名称相应的所述省会坐标、所述各市坐标、所述各县坐标;
根据Echart中的lines类型以及所述省份数据绘制、展示线路。
2.根据权利要求1所述的方法,其特征在于,根据所述地图的缩放等级确定停留水平包括:
当所述地图的缩放等级为变焦小于6时,所述停留水平为1;
当所述地图的缩放等级为变焦大于等于6且小于等于8时,所述停留水平为2;
当所述地图的缩放等级为变焦大于8时,所述停留水平为3。
3.根据权利要求2所述的方法,其特征在于,还包括:监听mychart的bmaproam事件,以确定所述地图的缩放等级。
4.根据权利要求1所述的方法,其特征在于,根据所述省份数据中的所述停留水平显示路线的展示颜色。
5.根据权利要求1所述的方法,其特征在于,还包括:
所述线路展示后,将与所述线路相关的数据通过covertLineData方法存储到总线数组中;
根据updateChart方法更新所述地图。
6.根据权利要求1所述的方法,其特征在于,还包括:
获取停留点数据;
根据所述省份数据中的所述停留水平判断所述停留点的展示颜色;
根据所述地图的缩放等级判断所述停留点的展示大小;
根据所述展示颜色和所述展示大小显示所述停留点以及所述停留点的停留次数。
7.根据权利要求6所述的方法,其特征在于,还包括:转换所述停留点数据后存储到停留数据数组中。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910281949.6A CN109903671A (zh) | 2019-04-09 | 2019-04-09 | 一种基于Echart的线路展示方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910281949.6A CN109903671A (zh) | 2019-04-09 | 2019-04-09 | 一种基于Echart的线路展示方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109903671A true CN109903671A (zh) | 2019-06-18 |
Family
ID=66955484
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910281949.6A Pending CN109903671A (zh) | 2019-04-09 | 2019-04-09 | 一种基于Echart的线路展示方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109903671A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112099893A (zh) * | 2020-09-21 | 2020-12-18 | 郑州唐迈信息科技有限公司 | 一种可加速加载地图的地图下钻可视化方法 |
CN111125202B (zh) * | 2019-12-10 | 2023-10-20 | 中国平安财产保险股份有限公司 | 基于大数据的地图定制方法、装置、设备和存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101908060A (zh) * | 2010-06-30 | 2010-12-08 | 王宝全 | 矢量数字地图的制作方法、显示方法及系统 |
CN106708896A (zh) * | 2015-11-17 | 2017-05-24 | 北京国双科技有限公司 | ECharts地图的显示方法及装置 |
JP2018013440A (ja) * | 2016-07-22 | 2018-01-25 | 五洋建設株式会社 | 工事関連車両の安全支援システム |
CN108181638A (zh) * | 2017-12-21 | 2018-06-19 | 吉旗(成都)科技有限公司 | 电子地图精准展现定位点和轨迹数据的解决设备及方法 |
CN109146757A (zh) * | 2018-07-06 | 2019-01-04 | 东南大学 | 一种轨道交通重点客流量区段获得方法及其系统 |
-
2019
- 2019-04-09 CN CN201910281949.6A patent/CN109903671A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101908060A (zh) * | 2010-06-30 | 2010-12-08 | 王宝全 | 矢量数字地图的制作方法、显示方法及系统 |
CN106708896A (zh) * | 2015-11-17 | 2017-05-24 | 北京国双科技有限公司 | ECharts地图的显示方法及装置 |
JP2018013440A (ja) * | 2016-07-22 | 2018-01-25 | 五洋建設株式会社 | 工事関連車両の安全支援システム |
CN108181638A (zh) * | 2017-12-21 | 2018-06-19 | 吉旗(成都)科技有限公司 | 电子地图精准展现定位点和轨迹数据的解决设备及方法 |
CN109146757A (zh) * | 2018-07-06 | 2019-01-04 | 东南大学 | 一种轨道交通重点客流量区段获得方法及其系统 |
Non-Patent Citations (3)
Title |
---|
DONGCEHA: "《echarts 绘制 地图飞机路线》", 5 July 2018, HTTPS://BLOG.CSDN.NET/DONGCEHAO/ARTICLE/DETAILS/80926470 * |
未知: "《监听Echarts里的地图缩放事件》", 8 August 2017, HTTP://WWW.MAMICODE.COM/INFO-DETAIL-1946980.HTML * |
茜米的喵 等: "《"大家来晒晒航旅纵横航线图,和飞过的城市》", 20 December 2018, HTTP://WWW.MAMICODE.COM/INFO-DETAIL-1946980.HTML * |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111125202B (zh) * | 2019-12-10 | 2023-10-20 | 中国平安财产保险股份有限公司 | 基于大数据的地图定制方法、装置、设备和存储介质 |
CN112099893A (zh) * | 2020-09-21 | 2020-12-18 | 郑州唐迈信息科技有限公司 | 一种可加速加载地图的地图下钻可视化方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20170178269A1 (en) | Displayed identifier for a ridesharing service | |
Avelar et al. | On the design of schematic transport maps | |
CN109903671A (zh) | 一种基于Echart的线路展示方法 | |
JP4157594B2 (ja) | 地図情報表示装置及びその方法 | |
WO2011140859A1 (zh) | 提供图形化实时交通信息的方法及系统 | |
JP5561915B2 (ja) | 地図描画装置及びプログラム | |
CN1675663A (zh) | 用于显示地图的方法和装置 | |
US20060241863A1 (en) | Using route narrative symbols | |
CN109450805A (zh) | 消息推送方法、装置以及系统 | |
CN110617827A (zh) | 一种主辅路绘制方法、装置、服务器和存储介质 | |
CN106920003A (zh) | 一种路线规划方法、装置、服务器和存储介质 | |
CN108520545A (zh) | 一种基于符号层次细节模型的电子地图渲染方法 | |
CN106372095B (zh) | 电子地图显示方法、装置及车载设备 | |
US11783697B2 (en) | Method, apparatus, and system for ensuring privacy while maintaining floating car data accuracy | |
JP2019522801A (ja) | ナビゲーション情報表示方法及び装置 | |
JP2016176974A (ja) | 地図画像表示装置、ナビゲーション装置、地図画像表示プログラム、及び地図画像表示方法 | |
US20190311509A1 (en) | Generation and presentation of distance cartograms | |
CN107832369B (zh) | 一种道路路况动态粒子流生成方法及装置 | |
JP2004126338A (ja) | 地図表示装置 | |
US20230168106A1 (en) | Method, apparatus, and system for providing mock map data for map design validation and documentation | |
CN115757674A (zh) | 地图处理方法、装置、设备及存储介质 | |
Shi et al. | Visual analysis of steady-state human mobility in cities | |
CN108548532A (zh) | 基于云的盲人导航方法、电子设备和计算机程序产品 | |
CN108510314B (zh) | 基于gis技术的房产估值数据处理方法及系统 | |
CN108279018A (zh) | 一种交通信息显示方法、装置及混合导航设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190618 |
|
RJ01 | Rejection of invention patent application after publication |