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"& ...
随机推荐
- HTML5 - 开发一个自己的websocket服务器
应用:node.js 主要步骤: 创建文件夹 创建app.js(server入口,app为自定义命名) npm init -y (快速创建一个package.json文件) 依赖包安装:nodejs- ...
- 【BigData】Java基础_Eclipse配置自动补全new
需求描述 在使用Eclipse的时候,每次new一个对象,写起来比较麻烦,以下是配置Eclipse,然后使用快捷键补全new方法的步骤,此配置使用官方属于叫做:配置自动分配局部变量 配置步骤 打开Wi ...
- vim常用命令整理
#创建文件 vim test.txt vi test.txt touch test.txt #在vim中要想退出,先按[esc],再输入如下命令 [:wq]保存并退出 [:q]退出,未修改 [:q!] ...
- JAVA读写CSV文件
最近工作需要,需要读写CSV文件的数据,简单封装了一下 依赖读写CSV文件只需引用`javacsv`这个依赖就可以了 <dependency> <groupId>net.sou ...
- linux shell 写swoole重启脚本
linux shell 写swoole重启脚本 代码如下<pre>#!/bin/shkill `lsof -t -i:9501`sleep 2php /data/web/mircoweb/ ...
- Disable foreign key checks during import
The command SET FOREIGN_KEY_CHECKS=0; sets the value of a variable in a session scope. So it affects ...
- GIT 安装和使用
目录 GIT 安装和使用 一.GIT 介绍 二.GIT 安装 三.GIT 使用 1. 配置 2. 创建版本库 3. 远程仓库 4. 分支管理 5.标签管理 6. 自定义 GIT 安装和使用 一.GIT ...
- IEDA 启动main报 stock
1 . 启动资源管理器关闭java进程,重新启动还是没有解决问题 2.看网上说jdk版本1.8换成1.7 启动成功,已解决,不知道为为什么.
- 使用el-dialog时，报错“Unknown custom element:<el-dialog> did you register the component correctly?...make sure to provide the 'name' option”
初学vue时,曾遇到一个无语的问题,在用el-dialog时一直显示没有导入,结果发现是因为没有把element ui引入到项目里. 需进行以下步骤: 1.执行: npm install elemen ...
- c#winform简单实现Mysql数据库的增删改查的语句
通过简单的SQL语句实现对数据库的增删改查. 窗口如下: 定义打开与关闭连接函数,方便每次调用: 增加指令: 删除指令: 修改指令: 查找指令: 表格情况: