如何在openLayer地图中加载本地gpx文件？

Question

我认为标题不是很清楚，我正在使用openLayer库（v4.6.5），并且试图在加载页面时在地图中加载本地GPX文件。在官方文档的GPX数据示例（https://openlayers.org/en/latest/examples/gpx.html?q=data）中，使用网址似乎非常简单。

<img alt="background" src="{% static "img/inner-6.jpg" %}" />

我的问题是，需要设置ol.source.Vector对象中的哪个选项来加载本地GPX文件，而不是设置url选项？预先感谢。

Answer 1

解决方案1 ​​

只需使用OpenLayers库中提供的拖放组件。演示于 https://openlayers.org/en/latest/examples/drag-and-drop.html（拖放GPX进行测试）

解决方案2

如果您想/需要手动操作，则需要删除URL引用和格式。

然后，通过拖放（或其他操作）然后使用进行解析，您将获得GPS文件内容

var GPXfeatures = (new ol.format.GPX()).readFeatures('yourGPXstring', {featureProjection: 'EPSG:3857'})

然后使用

将功能添加到源中

vector.getSource().addFeatures(GPXfeatures)