leaflet绘制飞行轨迹
时间: 2023-08-07 16:08:31 浏览: 253
绘制飞机图形
4星 · 用户满意度95%
要绘制飞行轨迹,你可以使用Leaflet的Polyline功能结合FlightAware等航班追踪API来实现。以下是一个简单的示例代码:
```javascript
// 创建地图对象
var mymap = L.map('mapid').setView([37.7749, -122.4194], 13);
// 获取航班轨迹数据
var flightId = 'UA123'; // 航班号
var apiUrl = 'https://flightaware.com/ajax/trackbyid.rvt?ident=' + flightId;
$.getJSON(apiUrl, function(data) {
// 解析航班轨迹数据
var trackData = data.trackdata[0].data;
var trackPoints = [];
for (var i = 0; i < trackData.length; i++) {
var point = [trackData[i].latitude, trackData[i].longitude];
trackPoints.push(point);
}
// 绘制飞行轨迹
var polyline = L.polyline(trackPoints, {color: 'red', weight: 3}).addTo(mymap);
});
```
在上面的代码中,我们使用FlightAware的API获取航班轨迹数据,解析出轨迹点的经纬度坐标,然后使用Leaflet的Polyline功能在地图上绘制飞行轨迹。
你可以根据需要自定义Polyline的样式和属性,例如线宽、颜色、线型等。另外需要注意的是,FlightAware等航班追踪API可能需要付费使用,具体费用和使用说明可以参考官方文档。
阅读全文