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

How do I add km/mile markers to a leafletjs map with a gpx file?

我已经使用 Leaflet.js 和 leaflet-gpx 添加了来自 GPX 文件的多段线加上结果在这里:http://ruter.pebi.dk/#gpx=https://dl.dropboxusercontent.com/u/1818604/ruter/2016/uge%2034/tl_5.4_km.gpx

我希望能够沿路线显示距离标记 - 有关于如何实现的指示吗?

您需要使用 Turf.js or cheap-ruler 之类的东西及其 along() 函数。

这些函数采用大地水准面表面的几何线、距离(通常以千米为单位)和return单个经纬度点。

一旦你有了这些函数来计算一条线的(大地测量)长度,并根据它们到起点的距离计算沿该线的点,获取里程碑的位置就变成了一项微不足道的任务。一旦你以经纬度格式获得这些位置,用 Leaflet 将它们显示为标记也很简单。

有一个插件,假设您使用 omnivore 将 GPX 文件传递​​给 GeoJSON。

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