用传单加载多个gpx文件

Question

我开始使用Leaflet来组织结合Mysql / PHP的gpx文件。 我使用插件leaflet-gpx阅读了gpx文件。

一切正常，请参阅 screenshot，但加载时间越来越长。 每个gpx文件都会一个接一个地读出，并显示在地图上：

var gpx0 = '0.gpx';
window.gpxfile = new L.GPX(gpx0, {async: true, polyline_options: {
                  color: '#ff0000',
                  ...
                  }
}).addTo(gpxlayer);

var gpx1 = '1.gpx';
window.gpxfile = new L.GPX(gpx1, {async: true, polyline_options: {
                  color: '#ff0000',
                  ...
                  }
}).addTo(gpxlayer);

...

我想知道是否有更好的方式以某种方式加载或预加载。

我已经尝试将gpx轨道与Marker clusterer plugin和leaflet-omnivore plugin组合在一起。 但我无法使线消失，只有标记see here被处理。

我希望你们中的一些人可以提供一些提示或技巧来帮助我，以便更快地加载所有内容。也许您知道好的例子，或者以前有过相同的问题？

最适合表现的是什么？使用omnivore，leaflet-gpx或首先将我的GPX文件转换为GeoJSON并将GeoJSON文件加载到我的传单应用程序中？