zoukankan      html  css  js  c++  java
  • 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,
                     2.5
                }
            },
            progressiveThreshold: 500,
            progressive: 200
        }, {
            type: 'lines',
            coordinateSystem: 'bmap',
            polyline: true,
            data: busLines,
            lineStyle: {
                normal: {
                     0
                }
            },
            effect: {
                constantSpeed: 50,
                show: true,
                trailLength: 0.6,
                symbolSize: 3
            },
            zlevel: 1
        }]
    };
    

      

  • 相关阅读:
    从getaddrinfo看Glibc的nss
    跟踪一次网络发送
    Dwarf2结构在gcc中的应用及调试器实现分析
    scrapy基础教程
    leetcode题目清单
    机器学习——入门教程2
    机器学习——入门教程1
    C++ STL之vector用法总结
    Mac下用g++编译opencv程序报错
    Linux下环境变量设置
  • 原文地址:https://www.cnblogs.com/MainActivity/p/11636262.html
Copyright © 2011-2022 走看看