echarts飞行轨迹
时间: 2023-11-14 21:10:06 浏览: 34
您可以使用 echarts 的地图组件来实现飞行轨迹的可视化。具体步骤如下:
1. 准备数据,包括起点、终点、途经点等信息。
2. 使用 echarts 的地图组件,设置地图类型和地图数据。
3. 使用 echarts 的 geo 组件,设置地理坐标系和投影方式。
4. 使用 echarts 的 lines 组件,设置线条样式和数据。
5. 使用 echarts 的 effectScatter 组件,设置特效样式和数据。
以下是一个简单的示例代码:
```javascript
option = {
tooltip: {},
geo: {
map: 'world',
roam: true,
zoom: 1.5,
label: {
emphasis: {
show: false
}
},
itemStyle: {
normal: {
areaColor: '#323c48',
borderColor: '#111'
},
emphasis: {
areaColor: '#2a333d'
}
}
},
series: [{
type: 'lines',
zlevel: 2,
symbol: ['none', 'arrow'],
symbolSize: 10,
effect: {
show: true,
period: 6,
trailLength: 0,
symbolSize: 5
},
lineStyle: {
normal: {
color: '#a6c84c',
width: 1,
opacity: 0.6,
curveness: 0.2
}
},
data: [{
fromName: '北京',
toName: '纽约',
coords: [
[116.46, 39.92],
[-74.0059, 40.7128]
]
}]
}, {
type: 'effectScatter',
coordinateSystem: 'geo',
zlevel: 2,
rippleEffect: {
brushType: 'stroke'
},
label: {
normal: {
show: true,
position: 'right',
formatter: '{b}'
}
},
symbolSize: 5,
itemStyle: {
normal: {
color: '#a6c84c'
}
},
data: [{
name: '北京',
value: [116.46, 39.92]
}, {
name: '纽约',
value: [-74.0059, 40.7128]
}]
}]
};
```