259Echarts - 3D 路径图（Airline on Globe）

源代码 $.getJSON('data-gl/asset/data/flights.json', function(data) { function getAirportCoord(idx) { return [data.airports[idx][3], data.airports[idx][4]]; } var routes = data.routes.map(function(airline) { return [ getAirportCoord(airline[1]), getAirportCoord(airline[2]) ]; }); myChart.setOption({ backgroundColor: '#000', globe: { baseTexture: 'data-gl/asset/world.topo.bathy.200401.jpg', heightTexture: 'data-gl/asset/bathymetry_bw_composite_4k.jpg', shading: 'lambert', light: { ambient: { intensity: 0.4 }, main: { intensity: 0.4 } }, viewControl: { autoRotate: false } }, series: { type: 'lines3D', coordinateSystem: 'globe', blendMode: 'lighter', lineStyle: { width: 1, color: 'rgb(50, 50, 150)', opacity: 0.1 }, data: routes } }); });