echarts 结合百度地图echarts lines配置项内容和展示
根据登山和海拔图实例，写出包含多条线路段，不过只有前两条线是根据 值来显示颜色的，其他线路不正常，不知道怎么解决，请大神帮忙。没用过这个 上传问题的，不知道怎么上传，基本代码都上传了
配置项如下
var mapData = {
"track": [{
"track": [{
"coord": [119.785425, 36.049049],
"elevation": 65,
"name": "K91+433",
"roadSectId": "2c9182ba62d2cdf90162d2d093870023",
"sectGPSId": "2c9182ba62d6e7bd0162d6e8fa1e0022"
}, {
"coord": [119.776745, 36.047979],
"elevation": 61,
"name": "K92+228",
"roadSectId": "2c9182ba62d2cdf90162d2d093870023",
"sectGPSId": "2c9182ba62d6e7bd0162d6e8fa1f0023"
}, {
"coord": [119.765843, 36.046531],
"elevation": 7,
"name": "K93+228",
"roadSectId": "2c9182ba62d2cdf90162d2d093870023",
"sectGPSId": "2c9182ba62d6e7bd0162d6e8fa210024"
}, {
"coord": [119.754831, 36.045850],
"elevation": 22,
"name": "K94+228",
"roadSectId": "2c9182ba62d2cdf90162d2d093870023",
"sectGPSId": "2c9182ba62d6e7bd0162d6e8fa220025"
}, {
"coord": [119.743791, 36.046132],
"elevation": 97,
"name": "K95+228",
"roadSectId": "2c9182ba62d2cdf90162d2d093870023",
"sectGPSId": "2c9182ba62d6e7bd0162d6e8fa230026"
}, {
"coord": [119.732755, 36.046586],
"elevation": 86,
"name": "K96+228",
"roadSectId": "2c9182ba62d2cdf90162d2d093870023",
"sectGPSId": "2c9182ba62d6e7bd0162d6e8fa230027"
}, {
"coord": [119.721715, 36.047036],
"elevation": 96,
"name": "K97+228",
"roadSectId": "2c9182ba62d2cdf90162d2d093870023",
"sectGPSId": "2c9182ba62d6e7bd0162d6e8fa240028"
}, {
"coord": [119.710672, 36.047489],
"elevation": 18,
"name": "K98+228",
"roadSectId": "2c9182ba62d2cdf90162d2d093870023",
"sectGPSId": "2c9182ba62d6e7bd0162d6e8fa240029"
}, {
"coord": [119.699648, 36.047947],
"elevation": 85,
"name": "K99+228",
"roadSectId": "2c9182ba62d2cdf90162d2d093870023",
"sectGPSId": "2c9182ba62d6e7bd0162d6e8fa25002a"
}, {
"coord": [119.688699, 36.049079],
"elevation": 54,
"name": "K100+228",
"roadSectId": "2c9182ba62d2cdf90162d2d093870023",
"sectGPSId": "2c9182ba62d6e7bd0162d6e8fa26002b"
}, {
"coord": [119.678008, 36.051325],
"elevation": 64,
"name": "K101+228",
"roadSectId": "2c9182ba62d2cdf90162d2d093870023",
"sectGPSId": "2c9182ba62d6e7bd0162d6e8fa26002c"
}, {
"coord": [119.667312, 36.053494],
"elevation": 46,
"name": "K102+228",
"roadSectId": "2c9182ba62d2cdf90162d2d093870023",
"sectGPSId": "2c9182ba62d6e7bd0162d6e8fa27002d"
}, {
"coord": [119.656310, 36.054190],
"elevation": 23,
"name": "K103+228",
"roadSectId": "2c9182ba62d2cdf90162d2d093870023",
"sectGPSId": "2c9182ba62d6e7bd0162d6e8fa27002e"
}, {
"coord": [119.645311, 36.053360],
"elevation": 67,
"name": "K104+228",
"roadSectId": "2c9182ba62d2cdf90162d2d093870023",
"sectGPSId": "2c9182ba62d6e7bd0162d6e8fa28002f"
}, {
"coord": [119.634347, 36.052215],
"elevation": 17,
"name": "K105+228",
"roadSectId": "2c9182ba62d2cdf90162d2d093870023",
"sectGPSId": "2c9182ba62d6e7bd0162d6e8fa280030"
}, {
"coord": [119.623326, 36.052178],
"elevation": 50,
"name": "K106+228",
"roadSectId": "2c9182ba62d2cdf90162d2d093870023",
"sectGPSId": "2c9182ba62d6e7bd0162d6e8fa280031"
}, {
"coord": [119.612429, 36.053805],
"elevation": 43,
"name": "K107+228",
"roadSectId": "2c9182ba62d2cdf90162d2d093870023",
"sectGPSId": "2c9182ba62d6e7bd0162d6e8fa290032"
}, {
"coord": [119.602089, 36.056951],
"elevation": 6,
"name": "K108+228",
"roadSectId": "2c9182ba62d2cdf90162d2d093870023",
"sectGPSId": "2c9182ba62d6e7bd0162d6e8fa290033"
}, {
"coord": [119.592088, 36.060777],
"elevation": 47,
"name": "K109+228",
"roadSectId": "2c9182ba62d2cdf90162d2d093870023",
"sectGPSId": "2c9182ba62d6e7bd0162d6e8fa290034"
}, {
"coord": [119.581561, 36.063484],
"elevation": 6,
"name": "K110+228",
"roadSectId": "2c9182ba62d2cdf90162d2d093870023",
"sectGPSId": "2c9182ba62d6e7bd0162d6e8fa290035"
}, {
"coord": [119.570630, 36.064804],
"elevation": 85,
"name": "K111+228",
"roadSectId": "2c9182ba62d2cdf90162d2d093870023",
"sectGPSId": "2c9182ba62d6e7bd0162d6e8fa2a0036"
}, {
"coord": [119.569915, 36.064865],
"elevation": 39,
"name": "K111+293",
"roadSectId": "2c9182ba62d2cdf90162d2d093870023",
"sectGPSId": "2c9182ba62d6e7bd0162d6e8fa2a0037"
}]
}, {
"track": [{
"coord": [119.243953, 36.066355],
"elevation": 87,
"name": "K141+478",
"roadSectId": "2c9182ba62d2ddfd0162d2e0b0230002",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea45e20058"
}, {
"coord": [119.235702, 36.065704],
"elevation": 99,
"name": "K142+228",
"roadSectId": "2c9182ba62d2ddfd0162d2e0b0230002",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea45e20059"
}, {
"coord": [119.224993, 36.063495],
"elevation": 50,
"name": "K143+228",
"roadSectId": "2c9182ba62d2ddfd0162d2e0b0230002",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea45e2005a"
}, {
"coord": [119.214417, 36.060880],
"elevation": 92,
"name": "K144+228",
"roadSectId": "2c9182ba62d2ddfd0162d2e0b0230002",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea45e3005b"
}, {
"coord": [119.203782, 36.058429],
"elevation": 96,
"name": "K145+228",
"roadSectId": "2c9182ba62d2ddfd0162d2e0b0230002",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea45e4005c"
}, {
"coord": [119.192875, 36.056969],
"elevation": 82,
"name": "K146+228",
"roadSectId": "2c9182ba62d2ddfd0162d2e0b0230002",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea45e8005d"
}, {
"coord": [119.181836, 36.056627],
"elevation": 42,
"name": "K147+228",
"roadSectId": "2c9182ba62d2ddfd0162d2e0b0230002",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea45e8005e"
}, {
"coord": [119.170790, 36.057018],
"elevation": 27,
"name": "K148+228",
"roadSectId": "2c9182ba62d2ddfd0162d2e0b0230002",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea45e8005f"
}, {
"coord": [119.159745, 36.057420],
"elevation": 60,
"name": "K149+228",
"roadSectId": "2c9182ba62d2ddfd0162d2e0b0230002",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea45e90060"
}, {
"coord": [119.148699, 36.057805],
"elevation": 69,
"name": "K150+228",
"roadSectId": "2c9182ba62d2ddfd0162d2e0b0230002",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea45e90061"
}, {
"coord": [119.137688, 36.057108],
"elevation": 5,
"name": "K151+228",
"roadSectId": "2c9182ba62d2ddfd0162d2e0b0230002",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea45e90062"
}, {
"coord": [119.126980, 36.054909],
"elevation": 75,
"name": "K151+975",
"roadSectId": "2c9182ba62d2ddfd0162d2e0b0230002",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea45ea0063"
}, {
"coord": [119.116223, 36.052878],
"elevation": 76,
"name": "K152+975",
"roadSectId": "2c9182ba62d2ddfd0162d2e0b0230002",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea45ea0064"
}, {
"coord": [119.105196, 36.052428],
"elevation": 17,
"name": "K153+975",
"roadSectId": "2c9182ba62d2ddfd0162d2e0b0230002",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea45ea0065"
}, {
"coord": [119.094158, 36.052864],
"elevation": 35,
"name": "K154+975",
"roadSectId": "2c9182ba62d2ddfd0162d2e0b0230002",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea45eb0066"
}, {
"coord": [119.083134, 36.052816],
"elevation": 39,
"name": "K155+975",
"roadSectId": "2c9182ba62d2ddfd0162d2e0b0230002",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea45eb0067"
}, {
"coord": [119.072157, 36.051777],
"elevation": 92,
"name": "K156+975",
"roadSectId": "2c9182ba62d2ddfd0162d2e0b0230002",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea45eb0068"
}, {
"coord": [119.061319, 36.049957],
"elevation": 26,
"name": "K157+975",
"roadSectId": "2c9182ba62d2ddfd0162d2e0b0230002",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea45eb0069"
}, {
"coord": [119.050422, 36.048457],
"elevation": 88,
"name": "K158+975",
"roadSectId": "2c9182ba62d2ddfd0162d2e0b0230002",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea45ec006a"
}, {
"coord": [119.039382, 36.048061],
"elevation": 36,
"name": "K159+975",
"roadSectId": "2c9182ba62d2ddfd0162d2e0b0230002",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea45ec006b"
}, {
"coord": [119.028344, 36.048525],
"elevation": 69,
"name": "K160+975",
"roadSectId": "2c9182ba62d2ddfd0162d2e0b0230002",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea45ec006c"
}, {
"coord": [119.017307, 36.048795],
"elevation": 68,
"name": "K161+975",
"roadSectId": "2c9182ba62d2ddfd0162d2e0b0230002",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea45ec006d"
}, {
"coord": [119.006293, 36.048253],
"elevation": 0,
"name": "K162+975",
"roadSectId": "2c9182ba62d2ddfd0162d2e0b0230002",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea45ed006e"
}, {
"coord": [118.995293, 36.047495],
"elevation": 87,
"name": "K163+975",
"roadSectId": "2c9182ba62d2ddfd0162d2e0b0230002",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea45ed006f"
}, {
"coord": [118.984249, 36.046955],
"elevation": 20,
"name": "K164+975",
"roadSectId": "2c9182ba62d2ddfd0162d2e0b0230002",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea45ed0070"
}, {
"coord": [118.974409, 36.047387],
"elevation": 97,
"name": "K165+875",
"roadSectId": "2c9182ba62d2ddfd0162d2e0b0230002",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea45ed0071"
}]
}, {
"track": [{
"coord": [118.974409, 36.047387],
"elevation": 23,
"name": "K165+875",
"roadSectId": "2c9182ba62d2ddfd0162d2ffecd50034",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea7dc60072"
}, {
"coord": [118.973308, 36.047472],
"elevation": 46,
"name": "K165+975",
"roadSectId": "2c9182ba62d2ddfd0162d2ffecd50034",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea7dc60073"
}, {
"coord": [118.962283, 36.048262],
"elevation": 38,
"name": "K166+975",
"roadSectId": "2c9182ba62d2ddfd0162d2ffecd50034",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea7dc60074"
}, {
"coord": [118.951269, 36.049079],
"elevation": 76,
"name": "K167+975",
"roadSectId": "2c9182ba62d2ddfd0162d2ffecd50034",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea7dc70075"
}, {
"coord": [118.940319, 36.049897],
"elevation": 28,
"name": "K168+975",
"roadSectId": "2c9182ba62d2ddfd0162d2ffecd50034",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea7dc70076"
}, {
"coord": [118.929284, 36.050390],
"elevation": 93,
"name": "K169+975",
"roadSectId": "2c9182ba62d2ddfd0162d2ffecd50034",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea7dcb0077"
}, {
"coord": [118.918285, 36.050343],
"elevation": 45,
"name": "K170+975",
"roadSectId": "2c9182ba62d2ddfd0162d2ffecd50034",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea7dcb0078"
}, {
"coord": [118.907276, 36.049726],
"elevation": 15,
"name": "K171+975",
"roadSectId": "2c9182ba62d2ddfd0162d2ffecd50034",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea7dcc0079"
}, {
"coord": [118.896478, 36.047787],
"elevation": 4,
"name": "K172+975",
"roadSectId": "2c9182ba62d2ddfd0162d2ffecd50034",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea7dcc007a"
}, {
"coord": [118.885887, 36.045302],
"elevation": 37,
"name": "K173+975",
"roadSectId": "2c9182ba62d2ddfd0162d2ffecd50034",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea7dcd007b"
}, {
"coord": [118.875843, 36.041543],
"elevation": 34,
"name": "K174+975",
"roadSectId": "2c9182ba62d2ddfd0162d2ffecd50034",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea7dce007c"
}, {
"coord": [118.865983, 36.037474],
"elevation": 51,
"name": "K175+975",
"roadSectId": "2c9182ba62d2ddfd0162d2ffecd50034",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea7dcf007d"
}, {
"coord": [118.855474, 36.034693],
"elevation": 35,
"name": "K176+975",
"roadSectId": "2c9182ba62d2ddfd0162d2ffecd50034",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea7dcf007e"
}, {
"coord": [118.844755, 36.032487],
"elevation": 96,
"name": "K177+975",
"roadSectId": "2c9182ba62d2ddfd0162d2ffecd50034",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea7dd0007f"
}, {
"coord": [118.834058, 36.030314],
"elevation": 76,
"name": "K178+975",
"roadSectId": "2c9182ba62d2ddfd0162d2ffecd50034",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea7dd00080"
}, {
"coord": [118.823121, 36.029323],
"elevation": 30,
"name": "K179+975",
"roadSectId": "2c9182ba62d2ddfd0162d2ffecd50034",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea7dd10081"
}, {
"coord": [118.812099, 36.029785],
"elevation": 20,
"name": "K180+975",
"roadSectId": "2c9182ba62d2ddfd0162d2ffecd50034",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea7dd10082"
}, {
"coord": [118.801177, 36.028440],
"elevation": 17,
"name": "K181+975",
"roadSectId": "2c9182ba62d2ddfd0162d2ffecd50034",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea7dd20083"
}, {
"coord": [118.790562, 36.025913],
"elevation": 14,
"name": "K182+975",
"roadSectId": "2c9182ba62d2ddfd0162d2ffecd50034",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea7dd20084"
}, {
"coord": [118.779593, 36.024846],
"elevation": 16,
"name": "K183+975",
"roadSectId": "2c9182ba62d2ddfd0162d2ffecd50034",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea7dd30085"
}, {
"coord": [118.775062, 36.024703],
"elevation": 90,
"name": "K184+385",
"roadSectId": "2c9182ba62d2ddfd0162d2ffecd50034",
"sectGPSId": "2c9182ba62d6e7bd0162d6ea7dd30086"
}]
}, {
"track": [{
"coord": [119.569915, 36.064865],
"elevation": 44,
"name": "K111+293",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942e50038"
}, {
"coord": [119.559634, 36.065743],
"elevation": 91,
"name": "K112+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942e60039"
}, {
"coord": [119.548636, 36.066684],
"elevation": 78,
"name": "K113+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942e7003a"
}, {
"coord": [119.537642, 36.067624],
"elevation": 99,
"name": "K114+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942e7003b"
}, {
"coord": [119.526601, 36.067980],
"elevation": 11,
"name": "K115+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942e8003c"
}, {
"coord": [119.515573, 36.067355],
"elevation": 14,
"name": "K116+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942e8003d"
}, {
"coord": [119.504555, 36.066576],
"elevation": 50,
"name": "K117+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942e8003e"
}, {
"coord": [119.493523, 36.066016],
"elevation": 45,
"name": "K118+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942e9003f"
}, {
"coord": [119.482508, 36.066699],
"elevation": 5,
"name": "K119+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942e90040"
}, {
"coord": [119.471750, 36.068739],
"elevation": 6,
"name": "K120+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942e90041"
}, {
"coord": [119.461498, 36.072091],
"elevation": 73,
"name": "K121+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942ea0042"
}, {
"coord": [119.452027, 36.076599],
"elevation": 4,
"name": "K122+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942ea0043"
}, {
"coord": [119.442749, 36.081470],
"elevation": 4,
"name": "K123+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942eb0044"
}, {
"coord": [119.432210, 36.084075],
"elevation": 55,
"name": "K124+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942eb0045"
}, {
"coord": [119.421208, 36.083768],
"elevation": 43,
"name": "K125+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942ec0046"
}, {
"coord": [119.410322, 36.082194],
"elevation": 60,
"name": "K126+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942ed0047"
}, {
"coord": [119.399298, 36.081563],
"elevation": 24,
"name": "K127+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942ed0048"
}, {
"coord": [119.388251, 36.081952],
"elevation": 88,
"name": "K128+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942ed0049"
}, {
"coord": [119.377208, 36.082373],
"elevation": 99,
"name": "K129+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942ee004a"
}, {
"coord": [119.366177, 36.081808],
"elevation": 8,
"name": "K130+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942ee004b"
}, {
"coord": [119.355306, 36.080182],
"elevation": 2,
"name": "K131+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942ee004c"
}, {
"coord": [119.344500, 36.078264],
"elevation": 52,
"name": "K132+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942ef004d"
}, {
"coord": [119.333679, 36.076408],
"elevation": 33,
"name": "K133+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942ef004e"
}, {
"coord": [119.322690, 36.075409],
"elevation": 73,
"name": "K134+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942f0004f"
}, {
"coord": [119.311741, 36.074193],
"elevation": 25,
"name": "K135+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942f00050"
}, {
"coord": [119.301012, 36.072046],
"elevation": 63,
"name": "K136+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942f10051"
}, {
"coord": [119.290317, 36.069782],
"elevation": 24,
"name": "K137+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942f10052"
}, {
"coord": [119.279610, 36.067525],
"elevation": 75,
"name": "K138+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942f10053"
}, {
"coord": [119.268772, 36.065788],
"elevation": 84,
"name": "K139+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942f10054"
}, {
"coord": [119.257727, 36.065614],
"elevation": 75,
"name": "K140+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942f20055"
}, {
"coord": [119.246717, 36.066368],
"elevation": 2,
"name": "K141+228",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942f20056"
}, {
"coord": [119.243953, 36.066355],
"elevation": 43,
"name": "K141+478",
"roadSectId": "2c9182ba62d2cdf90162d2d17e2e0039",
"sectGPSId": "2c9182ba62d6e7bd0162d6e942f20057"
}]
}, {
"track": [{
"coord": [120.3731260000000000, 37.6434910000000000],
"elevation": 0,
"name": "�������17.0",
"roadSectId": "2c9d254162f196960162f1bd2dab2999",
"sectGPSId": "2c9d254162f196960162f1bd2dd9299b"
}, {
"coord": [120.3726000976562500, 37.6347094726562500],
"elevation": 0,
"name": "�������18.0",
"roadSectId": "2c9d254162f196960162f1bd2dab2999",
"sectGPSId": "2c9d254162f196960162f1bd2dd9299c"
}, {
"coord": [120.3703824869791700, 37.6246628146701400],
"elevation": 0,
"name": "�������19.0",
"roadSectId": "2c9d254162f196960162f1bd2dab2999",
"sectGPSId": "2c9d254162f196960162f1bd2dd9299d"
}, {
"coord": [120.3691670000000000, 37.6162750000000000],
"elevation": 0,
"name": "�������20.0",
"roadSectId": "2c9d254162f196960162f1bd2dab2999",
"sectGPSId": "2c9d254162f196960162f1bd2dd9299e"
}, {
"coord": [120.3685710000000000, 37.6070540000000000],
"elevation": 0,
"name": "�������21.0",
"roadSectId": "2c9d254162f196960162f1bd2dab2999",
"sectGPSId": "2c9d254162f196960162f1bd2dd9299f"
}, {
"coord": [120.3664984809027800, 37.5984130859375000],
"elevation": 0,
"name": "�������22.0",
"roadSectId": "2c9d254162f196960162f1bd2dab2999",
"sectGPSId": "2c9d254162f196960162f1bd2dd929a0"
}, {
"coord": [120.3647569444444500, 37.5895681423611100],
"elevation": 0,
"name": "�������23.0",
"roadSectId": "2c9d254162f196960162f1bd2dab2999",
"sectGPSId": "2c9d254162f196960162f1bd2dd929a1"
}, {
"coord": [120.3654096137152700, 37.5800946723090300],
"elevation": 0,
"name": "�������24.0",
"roadSectId": "2c9d254162f196960162f1bd2dab2999",
"sectGPSId": "2c9d254162f196960162f1bd2dd929a2"
}, {
"coord": [120.3683924696180600, 37.5718310546875000],
"elevation": 0,
"name": "�������25.0",
"roadSectId": "2c9d254162f196960162f1bd2dab2999",
"sectGPSId": "2c9d254162f196960162f1bd2dd929a3"
}]
}, {
"track": [{
"coord": [120.369797, 37.661266],
"elevation": 0,
"name": "K15+5",
"roadSectId": "2c9d254162f05b570162f06a21eb004b",
"sectGPSId": "2c9d254162f05b570162f06a2200004d"
}, {
"coord": [120.368203, 37.652353],
"elevation": 0,
"name": "K16+5",
"roadSectId": "2c9d254162f05b570162f06a21eb004b",
"sectGPSId": "2c9d254162f05b570162f06a2201004e"
}, {
"coord": [120.367713, 37.643352],
"elevation": 0,
"name": "K16+874",
"roadSectId": "2c9d254162f05b570162f06a21eb004b",
"sectGPSId": "2c9d254162f05b570162f06a2201004f"
}, {
"coord": [120.367204, 37.634342],
"elevation": 0,
"name": "K17+874",
"roadSectId": "2c9d254162f05b570162f06a21eb004b",
"sectGPSId": "2c9d254162f05b570162f06a22010050"
}, {
"coord": [120.365412, 37.625451],
"elevation": 0,
"name": "K18+874",
"roadSectId": "2c9d254162f05b570162f06a21eb004b",
"sectGPSId": "2c9d254162f05b570162f06a22010051"
}, {
"coord": [120.363782, 37.616543],
"elevation": 0,
"name": "K19+874",
"roadSectId": "2c9d254162f05b570162f06a21eb004b",
"sectGPSId": "2c9d254162f05b570162f06a22010052"
}, {
"coord": [120.363344, 37.607537],
"elevation": 0,
"name": "K20+874",
"roadSectId": "2c9d254162f05b570162f06a21eb004b",
"sectGPSId": "2c9d254162f05b570162f06a22010053"
}, {
"coord": [120.361426, 37.598655],
"elevation": 0,
"name": "K21+874",
"roadSectId": "2c9d254162f05b570162f06a21eb004b",
"sectGPSId": "2c9d254162f05b570162f06a22010054"
}, {
"coord": [120.359451, 37.589827],
"elevation": 0,
"name": "K22+874",
"roadSectId": "2c9d254162f05b570162f06a21eb004b",
"sectGPSId": "2c9d254162f05b570162f06a22020055"
}, {
"coord": [120.359662, 37.580838],
"elevation": 0,
"name": "K23+874",
"roadSectId": "2c9d254162f05b570162f06a21eb004b",
"sectGPSId": "2c9d254162f05b570162f06a22020056"
}, {
"coord": [120.362403, 37.572113],
"elevation": 0,
"name": "K24+874",
"roadSectId": "2c9d254162f05b570162f06a21eb004b",
"sectGPSId": "2c9d254162f05b570162f06a22020057"
}, {
"coord": [120.366267, 37.563644],
"elevation": 0,
"name": "K25+874",
"roadSectId": "2c9d254162f05b570162f06a21eb004b",
"sectGPSId": "2c9d254162f05b570162f06a22020058"
}, {
"coord": [120.367924, 37.559509],
"elevation": 0,
"name": "K26+354",
"roadSectId": "2c9d254162f05b570162f06a21eb004b",
"sectGPSId": "2c9d254162f05b570162f06a22020059"
}]
}]
};
/**
地图
*/
var map;
var app = {};
option = null;
var mapOption = {
timeline: {
// y: 0,
axisType: 'category',
// realtime: false, //拖动圆点的时候，是否实时更新视图
// loop: false,//是否循环播放
// autoPlay: true,
// currentIndex: 2,
playInterval: 1500,
bottom: "0.01%",
symbolSize: 10,
data: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
label: {
formatter: function(s) {
return s + "H"
}
}
},
baseOption: {
animation: false,
bmap: {
center: [120.14266322374, 36.235018034923],
zoom: 9,
roam: true
},
tooltip: {
},
visualMap: {
type: 'continuous',
left: 'right',
//top:'top',
min: 0,
max: 100,
text: ['4', '0'],
seriesIndex: [0, 4],
inRange: {
color: ['green', 'blue', 'yellow', 'orange', 'red']
}
},
grid: [{
height: 0,
width: 0
}],
xAxis: {},
yAxis: {},
series: []
}
};
//存放高速路 经纬度
var linesArr = new Array();
$.getJSON(mapData, function(rawData) {
for (let i in rawData) {
for (let j in rawData[i]) {
var lines = rawData[i][j].track.slice(0, rawData[i][j].track.length - 1).map(function(seg, idx) {
return [{
coord: seg.coord,
value: seg.elevation,
name: seg.name,
roadSectId: seg.roadSectId, //所属路段ID
sectGPSId: seg.sectGPSId //路段gpsID
}, {
coord: rawData[i][j].track[idx + 1].coord
}];
});
linesArr[j] = lines;
}
}
for (var i = 0; i < linesArr.length; i++) {
mapOption.baseOption.series.push({
type: 'lines',
coordinateSystem: 'bmap',
data: linesArr[i],
tooltip: {
padding: 0,
enterable: true,
transitionDuration: 1,
width: '400px',
height: '500px',
textStyle: {
color: '#fff',
decoration: 'none',
},
position: function(point, params, dom, rect, size) {
return [point[0], point[1]];
}
},
lineStyle: {
normal: {
width: 6,
opacity: 1
//,color:'green'
},
emphasis: {
width: 7
}
},
animationDelay: function(idx) {
return idx * 20;
}
}, {
type: 'line'
}, {
type: 'lines'
}, {
type: 'lines'
});
}
myChart.setOption(mapOption);
//点点击事件
myChart.on('click', function(params) {
var roadSectId = params.data.roadSectId;
var coord = params.data.coord;
alert("value=" + params.data.value);
});
map = myChart.getModel().getComponent('bmap').getBMap();
map.disableDoubleClickZoom();
});
截图如下
