Leaflet - 基于两个标记实时绘制道路路径

Posted

技术标签:

【中文标题】Leaflet - 基于两个标记实时绘制道路路径【英文标题】:Leaflet - Draw road path in real-time based on two marker 【发布时间】:2016-06-29 13:22:13 【问题描述】:

这是基于两个标记绘制道路路径的应用示例

抱歉,我无法搜索创建此教程的教程,因为我无法确定正确的关键字。

我只想放置两个标记,然后将在这些标记之间创建道路路径。它会随着一个标记的移动而调整。

请提供有关如何实现这一点的见解。非常感谢示例代码。提前谢谢你。

【问题讨论】:

您可能正在寻找 Leaflet Routing plugins? 你的意思是拖拽的时候要重新计算路径吗?查看 LRM 插件中的 routeWhileDragging 属性:liedman.net/leaflet-routing-machine/tutorials/… 是的,先生们,我只想实时绘制始终在路上的道路,就像在其他提供此功能的网站中一样 【参考方案1】:

这是 OSRM,开源路由机。 这是一个演示:http://map.project-osrm.org/

您实际上可以通过 HTTP 请求以任何您想要的语言使用它:Python、javascript、java、C、... 检查doc!

【讨论】:

以上是关于Leaflet - 基于两个标记实时绘制道路路径的主要内容,如果未能解决你的问题,请参考以下文章

如何使用沿折线的实时位置更新标记?

React-Leaflet在地图上绘制圆圈标记

Leaflet 中 删除 一组 标记(Marker)

在layerGroup Leaflet.js的每个标记中添加圆圈

使折线捕捉到传单中的道路

leaflet使用turfjs插件,基于格点数据绘制等值线效果