echarts路径图 绘制上海市52路公交车线路
busLines = [{"coords":[[121.494687,31.253937],[121.494276,31.254031],[121.494226,31.254042],[121.493835,31.254077],[121.493835,31.254077],[121.493173,31.254076],[121.493083,31.254076],[121.493082,31.254076],[121.492932,31.25406],[121.492169,31.253978],[121.491668,31.253924],[121.491524,31.254727],[121.491486,31.254936],[121.491381,31.255518],[121.491358,31.255648],[121.491356,31.255658],[121.491335,31.25575],[121.491205,31.256322],[121.491101,31.256782],[121.490991,31.257262],[121.490957,31.257412],[121.49092,31.257575],[121.490889,31.257713],[121.490852,31.257874],[121.490836,31.257945],[121.490775,31.258216],[121.490736,31.258387],[121.49062,31.258897],[121.49062,31.258897],[121.490449,31.259539],[121.490449,31.259539],[121.490274,31.259981],[121.490218,31.260123],[121.490217,31.260126],[121.490076,31.260474],[121.490076,31.260474],[121.489945,31.260996],[121.489945,31.260996],[121.489888,31.261477],[121.489882,31.261528],[121.489834,31.261938],[121.489832,31.261949],[121.489723,31.262559],[121.489723,31.262559],[121.489625,31.262971],[121.489604,31.263061],[121.489542,31.263321],[121.489461,31.263543],[121.489391,31.263734],[121.489397,31.263784],[121.489411,31.263893],[121.489414,31.263902],[121.489525,31.26421],[121.489561,31.264311],[121.489608,31.264479],[121.489639,31.264588],[121.489686,31.264758],[121.489801,31.265167],[121.489801,31.265167],[121.489893,31.265415],[121.490018,31.265755],[121.490021,31.265764],[121.490024,31.265773],[121.490065,31.265882],[121.490094,31.265962],[121.490138,31.26608],[121.490263,31.266417],[121.490305,31.266531],[121.490411,31.266818],[121.490411,31.266818],[121.490435,31.266927],[121.490451,31.266997],[121.490451,31.266997],[121.490496,31.267736],[121.490501,31.267816],[121.490518,31.268096],[121.490538,31.268426],[121.49055,31.268625],[121.49055,31.268625],[121.49054,31.268925],[121.49054,31.268926],[121.490576,31.269295],[121.490589,31.269435],[121.490589,31.269435],[121.490573,31.269495],[121.490479,31.269856],[121.490328,31.270088],[121.490328,31.270088],[121.490127,31.270361],[121.490038,31.270411],[121.489906,31.270484],[121.489906,31.270484],[121.48994,31.270663],[121.489986,31.270903],[121.490099,31.271491],[121.49012,31.2716],[121.490177,31.2719],[121.490236,31.272209],[121.490284,31.272458],[121.490475,31.273455],[121.490555,31.273874],[121.490555,31.273874],[121.489474,31.274028],[121.48915,31.274074],[121.489149,31.274074],[121.488777,31.274228],[121.488547,31.274323],[121.488547,31.274323],[121.488307,31.274387],[121.488306,31.274387],[121.4881,31.274505],[121.48804,31.274539],[121.48804,31.274539],[121.487512,31.27481],[121.487512,31.27481],[121.486759,31.275252],[121.486759,31.275252],[121.486367,31.275378],[121.486367,31.275378],[121.486219,31.275921],[121.48617,31.276104],[121.486154,31.276163],[121.486045,31.276563],[121.485924,31.277315],[121.485924,31.277315],[121.485923,31.278005],[121.485923,31.278125],[121.485926,31.278144],[121.486113,31.279181],[121.486113,31.279181],[121.486163,31.27935],[121.486293,31.279788],[121.486594,31.280443],[121.486673,31.280592],[121.48685,31.28093],[121.486912,31.281049],[121.48702,31.281254],[121.487897,31.282922],[121.487897,31.282922],[121.488168,31.283497],[121.488168,31.283497],[121.488303,31.283854],[121.488549,31.284501],[121.488549,31.284501],[121.48883,31.284767],[121.489101,31.285143],[121.489342,31.285659],[121.489442,31.286088],[121.489442,31.286088],[121.489534,31.288066],[121.489548,31.288356],[121.489559,31.288606],[121.489561,31.288646],[121.489563,31.288656],[121.4896,31.288874],[121.489706,31.289492],[121.489751,31.289753],[121.489816,31.289938],[121.490346,31.291446],[121.490385,31.291555],[121.490416,31.291645],[121.490594,31.29215],[121.490594,31.29215],[121.491059,31.293123],[121.491326,31.29368],[121.491326,31.29368],[121.491436,31.293864],[121.491718,31.294335],[121.491718,31.294335],[121.491799,31.294433],[121.492099,31.2948],[121.492099,31.2948],[121.492731,31.295452],[121.493341,31.295896],[121.49368,31.296144],[121.494216,31.296534],[121.494216,31.296534],[121.494628,31.296849],[121.494995,31.297129],[121.495074,31.297189],[121.495519,31.29753],[121.49561,31.297599],[121.495611,31.2976],[121.495656,31.297644],[121.495971,31.297955],[121.496447,31.298316],[121.496582,31.298419],[121.496582,31.298419],[121.496525,31.29857],[121.496332,31.299082],[121.496272,31.299242],[121.496272,31.299242],[121.496192,31.299653],[121.496192,31.299653],[121.496232,31.299912],[121.496172,31.300023],[121.49617,31.300026],[121.496001,31.300415],[121.495911,31.300386],[121.495911,31.300386],[121.495634,31.301117],[121.49536,31.301842],[121.49536,31.301842],[121.495267,31.302062],[121.495266,31.302065],[121.49527,31.302054],[121.494709,31.303387],[121.494676,31.303463],[121.494652,31.30352],[121.494643,31.303541],[121.494652,31.30352],[121.494598,31.303648],[121.494589,31.30367],[121.494589,31.30367],[121.494664,31.303778],[121.494431,31.304345],[121.494429,31.304351],[121.494274,31.304729],[121.493771,31.305957],[121.493597,31.306082],[121.493597,31.306082],[121.49341,31.306535],[121.49331,31.306777],[121.493219,31.306998],[121.493178,31.307098],[121.493123,31.30723],[121.492809,31.307993],[121.492669,31.308332],[121.492521,31.308691],[121.492395,31.308997],[121.492395,31.308997],[121.492244,31.309469],[121.492244,31.309469],[121.4922,31.309681],[121.492124,31.310051],[121.492124,31.310051],[121.492075,31.310782],[121.492075,31.310782],[121.492075,31.310982],[121.492075,31.311682],[121.492076,31.311952],[121.492076,31.312612],[121.492076,31.312615],[121.492079,31.313652],[121.492079,31.313782],[121.492081,31.314393],[121.492081,31.314397],[121.492184,31.314478],[121.492189,31.315851],[121.49219,31.316296],[121.49219,31.317242],[121.49219,31.317312],[121.49219,31.318412],[121.49219,31.319092],[121.492182,31.319514],[121.492165,31.320461],[121.492163,31.320581],[121.492224,31.321022],[121.492226,31.321037],[121.492285,31.321542],[121.492285,31.321542],[121.492044,31.321615],[121.492044,31.321615],[121.492021,31.323896],[121.492016,31.324436],[121.492011,31.324886],[121.49201,31.324956],[121.491998,31.326187],[121.491997,31.326257],[121.491993,31.326667],[121.491991,31.326857],[121.491989,31.327087],[121.49199,31.327101],[121.492036,31.328344],[121.492037,31.328347],[121.492065,31.328466],[121.492144,31.328791],[121.492422,31.329466],[121.494113,31.33168],[121.494281,31.3319],[121.494285,31.331905],[121.494834,31.332634],[121.494834,31.332634],[121.495556,31.333507],[121.496826,31.335168],[121.49717,31.335617],[121.497316,31.335809],[121.497338,31.335837],[121.49755,31.336115],[121.497817,31.336464],[121.497955,31.336645],[121.497955,31.336645],[121.497825,31.336766],[121.497825,31.336766],[121.497653,31.336866],[121.497596,31.336899],[121.49748,31.336966],[121.496813,31.337355],[121.496045,31.337801],[121.496045,31.337801],[121.495482,31.338128],[121.495113,31.338344],[121.494832,31.338507],[121.494047,31.338964],[121.493917,31.339006],[121.493917,31.339006],[121.493852,31.339052],[121.493669,31.339183],[121.493646,31.339199],[121.493175,31.339435],[121.493175,31.339435],[121.492805,31.339651],[121.49206,31.340088],[121.49199,31.340129],[121.491531,31.340397],[121.491117,31.34064],[121.490592,31.340946],[121.490192,31.341181],[121.48991,31.341346],[121.48991,31.341346],[121.489187,31.341764],[121.48868,31.342058],[121.48868,31.342058],[121.488923,31.342172],[121.489605,31.342492],[121.490147,31.342746],[121.490147,31.342746],[121.490435,31.342866],[121.490729,31.342988],[121.490869,31.343046],[121.490869,31.343046],[121.491361,31.343329],[121.491361,31.343329],[121.491752,31.343484],[121.491873,31.343532],[121.491882,31.343535],[121.491944,31.34356],[121.492616,31.343823],[121.492616,31.343823],[121.493107,31.343867],[121.493107,31.343867],[121.493499,31.343862],[121.493499,31.343862],[121.493959,31.343829],[121.4941,31.343819],[121.494512,31.34379],[121.49452,31.343789],[121.495071,31.343731],[121.495273,31.34371],[121.495685,31.343667],[121.495685,31.343667],[121.496638,31.343626],[121.496878,31.343616],[121.496878,31.343616],[121.497711,31.343773],[121.497862,31.343801],[121.497962,31.34382],[121.49821,31.343867],[121.498724,31.343963],[121.499013,31.344018],[121.499013,31.344018],[121.498895,31.344547],[121.498843,31.344779],[121.498843,31.344779],[121.498713,31.34536],[121.498713,31.34536],[121.498622,31.34588],[121.498456,31.346823],[121.498267,31.347905],[121.498193,31.348325],[121.498192,31.348334],[121.498113,31.348885],[121.498026,31.349497],[121.497875,31.350557],[121.497863,31.350638],[121.497862,31.350643],[121.497843,31.350798],[121.497843,31.350798],[121.497669,31.351419],[121.497567,31.351779],[121.497404,31.35236],[121.497336,31.352601],[121.497192,31.353114],[121.497192,31.353114],[121.497162,31.353204],[121.496958,31.353827],[121.496817,31.354259],[121.496719,31.354558],[121.496656,31.35475],[121.496574,31.355],[121.496551,31.35507],[121.496551,31.35507],[121.495481,31.354705],[121.494799,31.354472],[121.494786,31.354468],[121.494786,31.354468],[121.494786,31.354468]],"lineStyle":{"normal":{"color":"rgba(154,205,50,1)"}}}];
// 这里的busLine 可以通过 https://github.com/a1115040996/MyHTML/blob/gh-pages/BDMap/searchPointList.html 这里的代码获取
option = {
bmap: {
center: [121.494687,31.303937],
zoom: 13,
roam: true,
mapStyle: {
'styleJson': [{
'featureType': 'water',
'elementType': 'all',
'stylers': {
'color': '#031628'
}
}, {
'featureType': 'land',
'elementType': 'geometry',
'stylers': {
'color': '#000102'
}
}, {
'featureType': 'highway',
'elementType': 'all',
'stylers': {
'visibility': 'off'
}
}, {
'featureType': 'arterial',
'elementType': 'geometry.fill',
'stylers': {
'color': '#000000'
}
}, {
'featureType': 'arterial',
'elementType': 'geometry.stroke',
'stylers': {
'color': '#0b3d51'
}
}, {
'featureType': 'local',
'elementType': 'geometry',
'stylers': {
'color': '#000000'
}
}, {
'featureType': 'railway',
'elementType': 'geometry.fill',
'stylers': {
'color': '#000000'
}
}, {
'featureType': 'railway',
'elementType': 'geometry.stroke',
'stylers': {
'color': '#08304b'
}
}, {
'featureType': 'subway',
'elementType': 'geometry',
'stylers': {
'lightness': -70
}
}, {
'featureType': 'building',
'elementType': 'geometry.fill',
'stylers': {
'color': '#000000'
}
}, {
'featureType': 'all',
'elementType': 'labels.text.fill',
'stylers': {
'color': '#857f7f'
}
}, {
'featureType': 'all',
'elementType': 'labels.text.stroke',
'stylers': {
'color': '#000000'
}
}, {
'featureType': 'building',
'elementType': 'geometry',
'stylers': {
'color': '#022338'
}
}, {
'featureType': 'green',
'elementType': 'geometry',
'stylers': {
'color': '#062032'
}
}, {
'featureType': 'boundary',
'elementType': 'all',
'stylers': {
'color': '#465b6c'
}
}, {
'featureType': 'manmade',
'elementType': 'all',
'stylers': {
'color': '#022338'
}
}, {
'featureType': 'label',
'elementType': 'all',
'stylers': {
'visibility': 'off'
}
}]
}
},
series: [{
type: 'lines',
coordinateSystem: 'bmap',
polyline: true,
data: busLines,
silent: true,
lineStyle: {
normal: {
// color: '#c23531',
// color: 'rgb(200, 35, 45)',
opacity: 0.6,
width: 2.5
}
},
progressiveThreshold: 500,
progressive: 200
}, {
type: 'lines',
coordinateSystem: 'bmap',
polyline: true,
data: busLines,
lineStyle: {
normal: {
width: 0
}
},
effect: {
constantSpeed: 50,
show: true,
trailLength: 0.6,
symbolSize: 3
},
zlevel: 1
}]
};
echarts路径图 绘制上海市52路公交车线路的更多相关文章
- 百度地图公交线路查询，并绘制到地图上并获取所有路径经纬度点(可供echarts 路径图使用)
github地址 https://github.com/a1115040996/MyHTML/tree/gh-pages/BDMap 源代码 <!DOCTYPE html PUBLIC &quo ...
- ECharts雷达图详细配置说明
雷达图表配置说明: // 指定图表的配置项和数据 var option = { backgroundColor: 'rgba(204,204,204,0.7 )', // 背景色,默认无背景 rgba ...
- echarts折线图动态改变数据时的一个bug
echarts折线图中当增加dataZoom,修改start大于0的时候,会出现折线混乱,变成竖直的线,绘制有问题. 解决方法,在dataZoom中增加filterMode: 'empty' http ...
- echarts折线图，数据切换时（最近七天）绘图不合理现象
echarts折线图,当进行数据切换时存在绘制不合理的问题,数据没错,但绘制不对. 两个0之间的连线应该是平滑直线,如图: 正确的显示: 解决: 在myCharts.setOption(option) ...
- R数据分析：如何给结构方程画路径图，tidySEM包详解
之前一直是用semPlot这个包给来进行结构方程模型的路径绘制,自从用了tidySEM这个包后就发现之前那个包不香了,今天就给大家分享一下tidySEM. 这个包的很大特点就是所有的画图原始都是存在数 ...
- vue使用axios读取本地json文件来显示echarts折线图
编辑器:HBuilderx axios文档:http://www.axios-js.com/zh-cn/docs/ echarts实例:https://echarts.apache.org/examp ...
- 矢量图绘制工具Svg-edit调整画布的大小
矢量图绘制工具Svg-edit调整画布的大小 ------------------------------ ------------------------
- Matlab 语谱图(时频图)绘制与分析
Matlab 语谱图(时频图)绘制与分析 语谱图:先将语音信号作傅里叶变换,然后以横轴为时间,纵轴为频率,用颜色表示幅值即可绘制出语谱图.在一幅图中表示信号的频率.幅度随时间的变化,故也称" ...
- echarts雷达图
用echarts展现雷达图的定制 <!doctype html> <html> <head> <meta charset="utf-8"& ...
随机推荐
- [RN] React Native 使用 react-native-camera 过程中报错 Found react-native-camera 'mlkit' but wasn't required.`
详细报错如下: Could not resolve all task dependencies for configuration ':app:debugRuntimeClasspath'. Coul ...
- mysql（二）事务 & 事务的实现 & 锁
参考文档: mvcc:https://www.cnblogs.com/chenpingzhao/p/5065316.html 事务的实现:https://www.linuxidc.com/Linux/ ...
- gcc 在c代码中内嵌汇编调用c函数: 只是证明曾经我来过
我怕我不写下来,将来我都不记得我还在 c 中嵌套过汇编语言,用汇编代码调用一个c函数的过程. 折腾了一下午,在网上查看相关的资料,然后照葫芦画瓢地在c代码中嵌套汇编,希望解决我所遇到的问题,可最后发现 ...
- ASP.NET Core消息队列RabbitMQ基础入门实战演练
一.课程介绍 人生苦短,我用.NET Core!消息队列RabbitMQ大家相比都不陌生,本次分享课程阿笨将给大家分享一下在一般项目中99%都会用到的消息队列MQ的一个实战业务运用场景.本次分享课程不 ...
- thinkphp验证码不现实多半是bom惹的祸
thinkphp 验证码不现实多半是bom惹的祸,下面是驱除bom的代码: 链接:https://pan.baidu.com/s/1v5gm7n0L7TGyejCmQrMh2g 提取码:x2p5 免费 ...
- Docker图形化工具——Portainer
目标搭建docker-ui 一.Docker图形化工具 docker 图形页面管理工具常用的有三种,DockerUI ,Portainer ,Shipyard .DockerUI 是 Portaine ...
- AngularJS 的全选、反选实现
目录 AngularJS 的全选.反选实现 一.需求 二.思路 三.实现 AngularJS 的全选.反选实现 一.需求 要使用 AngularJS 实现 checkbox 的全选.反选. 其中所有项 ...
- kubeadm初始化集群
通过kubeadm创建集群本地测试非常方便,以下就简单记录下初始化需要的基本命令,环境准备这里不做说明 简单记录kubeadm初始化集群的基本命令 # 初始化集群 kubeadm init --kub ...
- 【题解】Luogu P3349 [ZJOI2016]小星星
原题传送门 我们考虑设\(dp_{i,j}\)表示树上的点\(i\)在图上对应的点为\(j\)时\(i\)和子树对应在图上的方案数 \(dp_{u_i}=\prod_{v \in u.son} dp_ ...
- Docker 运行 MySQL，使用 docker-compose
目录结构 . │ .env │ docker-compose.yml │ └─mysql ├─config │ my.cnf │ └─data mysql 目录下的 data 为数据目录,mysql ...