使用OpenLayers播放GPX

Question

我为商业航班保留了带有时间戳的GPX文件，我正在尝试创建一个系统，我可以从我的网络服务器上获取GPX文件，将其覆盖在地图上并允许我播放实时。我们的想法是让它像飞机上的移动地图一样，所以我可以将它叠加到我制作的视频上。

有没有办法用OpenLayers做到这一点？ GPX部分并不重要 - 我可以获得相同数据的KML或CSV，我希望能够实时播放！

提前致谢：）

Answer 1

是的，你可以将GPX解析为OpenLayers并构建一个矢量源，当然还有一个层。看看OL示例，至少有一个reads a GPX：

var vector = new ol.layer.Vector({
  source: new ol.source.Vector({
    url: 'https://openlayers.org/en/v4.6.2/examples/data/gpx/fells_loop.gpx',
    format: new ol.format.GPX()
  })
});

默认情况下，只显示整个路径。通过使用时间戳信息，您可以使用矢量数据并沿路径移动图标

有多个示例可以显示如何沿路径移动图标：

• Marker Animation example
• IGC Data example