如何使用gpx文件将km / mile标记添加到leafletjs地图?

时间:2016-08-28 15:40:39

标签: javascript leaflet gpx

我设法使用Leaflet.js从GPX文件中添加折线,并使用leaflet-gpx加上结果:http://ruter.pebi.dk/#gpx=https://dl.dropboxusercontent.com/u/1818604/ruter/2016/uge%2034/tl_5.4_km.gpx

我希望能够在路线上显示距离标记 - 任何指示如何去做?

2 个答案:

答案 0 :(得分:2)

您需要使用Turf.jscheap-ruler以及along()个功能。

这些函数采用大地水准面表面上的线几何图形和距离(通常以公里为单位),并返回单个纬度 - 经度点。

一旦你有了这些函数来计算一条线的(大地测量)长度,并且考虑到它们到达开始点的距离就沿着那条线指向,获取里程碑的位置变成了一项微不足道的任务。一旦你以lat-lng格式获得这些位置,用Leaflet将它们显示为标记也是微不足道的。

答案 1 :(得分:2)

有一个插件,假设您使用杂食动物将GPX文件传递给GeoJSON。

https://github.com/adoroszlai/leaflet-distance-markers