如何使用 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。
我已经使用 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。