问题标签 [leaflet-routing-machine]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
785 浏览

angular - 如何更改传单路由机标记的默认颜色

我正在使用Leaflt-routing-machine插件,我需要将标记的颜色从蓝色更改为红色,请问有什么建议吗?!

0 投票
1 回答
269 浏览

leaflet - 自定义传单路由错误(选项)

我正在使用 Leaflet-routing-machine,

我将错误控制添加到我的地图中,如下所示:

L.Routing.errorControl(this.control).addTo(map);

对于我使用的风格:

这就是我得到的:

在此处输入图像描述

我没有找到很多解释。有谁知道如何自定义更多,更改语言,隐藏/显示......?

0 投票
1 回答
478 浏览

typescript - 自定义传单地理编码器标记

我想更改传单地理编码器的默认标记,为此我覆盖了 markGeocode 函数并将其添加到控制地理编码器中(使用 typeScript):

但是,更改不适用,始终使用相同的标记(默认标记):

在此处输入图像描述

0 投票
1 回答
1024 浏览

javascript - Leaflet Routing Machine - Route Control:如何为行程表中的每条指令添加点击监听器?

当前,单击部分路线时的默认操作是放大地图上的该坐标。

我目前正在尝试在语音中添加一个文本,以说明该特定部分的说明。

但是如何修改已经内置 L.Routing.control 的点击监听器?

下面的代码属于我:

而下面的这段代码属于原作者,当找到路由时会自动加载: https ://github.com/perliedman/leaflet-routing-machine/blob/master/src/itinerary.js

所以我想知道如何访问它来添加我的语音功能

当它已经被初始化时

0 投票
1 回答
783 浏览

angular - MapBox Leaflet 路由机器无法识别

我正在建立一个带有地图的小站点。我需要步行路由,所以我考虑从 osrmv1 测试服务器切换到 MapBox 进行测试,因为 osrm 测试服务器只提供驱动。

我尝试这样更改路由:

但是这条线:

路由器:L.Routing.Mapbox(mapBoxKey,选项)

不识别L.Routing的参数Mapbox

我错过了什么?

谢谢

0 投票
0 回答
216 浏览

leaflet - 创建带有坐标 Leaflet OSRM 的路线

我对 OSRM 和传单有疑问,我需要创建一条路线。

用户做什么:

  • 选择(多条或无)地图上显示的任何行程(折线)
  • 当他们被选中时,用户可以创建路线

在这里,我的问题是,我如何从它们的多线坐标创建一条路线?

我尝试了很多东西,但没有任何效果,使用 osrm 我们需要添加航路点,但我的坐标是注意航路点,它们很多很多!

我该如何进行?减少坐标数组?但我需要确保路线使用正确的行程:/

0 投票
0 回答
207 浏览

leaflet - 传单路由机器 HTTP 请求失败

我想使用传单路由机计算地理定位之间的持续时间,但我收到了这个错误。

有什么解决办法吗?

0 投票
2 回答
1514 浏览

javascript - Leaflet Routing Machine 隐藏路由而不使用 .remove()

在此处输入图像描述

我应该如何隐藏 Leaflet Routing Machine 路由和 mouseout 事件的标记?

目前,我有常规的 Leaflet 标记,它有 mouseover/mouseout 事件。当触发 mouseover 事件并使用创建属于该标记的路由时L.Routing.control

当触发 mouseout 事件时,我调用route.remove()它会完全删除路线。

这种方法的问题:

  • 从 OSRM 服务器检索路由需要不到半秒的时间
  • 每个鼠标悬停事件都会向 OSRM 服务器发送一个请求

我试图在 mouseout 事件中将路由不透明度设置为 0 并将标记图标大小设置为 0,但是,您不能在 Leaflet Routing Machine 中动态更改样式。

我采用的另一种方法是为路由提供 css 类名称并尝试设置display: none,但将类分配给许多不同的路由是解决此问题的一种非常混乱的方法。

如果你想玩,这个演示非常简洁。(按预期更新作品)此处获取

0 投票
0 回答
345 浏览

javascript - Leaflet-Routing-Machine:TypeError:无法读取未定义的属性“getSize”

不确定这是如何发生的,因为我正在使用 useRef 将我的地图的引用传递给路由机组件......

但首先这是我的依赖项......

这是我的地图组件!

这是我的路由机组件...

任何帮助将不胜感激!

0 投票
1 回答
99 浏览

leaflet - 当我在 routingControl 中选择 fitSelectedRoutes:true 选项时,如何防止弹出窗口关闭

我正在使用传单和传单路由机器控制库。

当我创建一些路由路径时,我有以下代码:

注意:如果我有

然后当我点击某个标记时,它应该制作路线路径,直到显示弹出的其他标记。但如果我有

然后当我单击标记时,它会显示弹出窗口。但是地图缩放已更改以适合标记之间中心的路线路径,并且我有较小的缩放,这是从库中自动完成的。

然后我的弹出窗口在缩放自动更改时关闭。我怎样才能防止这种情况发生?

我发现每次在地图上触发这段代码时,它都会在有动作时自行触发

我试图获取最后一个标记并打开弹出窗口但没有成功。

我也试过

弹出窗口本身有附加选项,但也没有成功。