问题标签 [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 回答
6030 浏览

javascript - 如何在传单中使用 OSRM match api 绘制路线?

我在开车时有一些 gps 生成的数据。

我想将此生成的数据显示为在 Leaflet 驱动的 Openstreet 地图上行驶的实际路线。我天真的方法是显示一条连接所有点的折线。但我想显示驾驶时遵循的实际路线。我可以为此使用带有传单路由机器插件的OSRM-Backend API吗?任何帮助都感激不尽。

0 投票
2 回答
4283 浏览

typescript - 如何将传单路由机包含到 Angular 2 typescript webpack 应用程序中

我使用这个种子开始使用 Angular 2 Typescript 和 Webpack:https ://github.com/haoliangyu/angular2-leaflet-starter 。

我对大多数使用的工具和技术(Angular 2、Typescript、Webpack)都很陌生。虽然我对这些了解越来越多,但似乎我仍然没有掌握如何包含第三方非类型化 JS 库

我想将leaflet-routing-machine.js包含到我的项目中。据我所知,虽然传单确实存在分型,但传单路由机不存在分型。

我通过安装包npm install并添加了所需的快速启动代码,以显示路线。

地图服务.ts

我遇到的错误npm start是:

据我了解,我不应该在 index.html 中包含 JS 文件,因为这应该由 webpack 自动完成。除了我通常不确定如何在没有打字的情况下包含第三方库(这样的答案没有帮助)这一事实之外,我的情况似乎有点不同,因为LObject 是标准传单并且不知道该Routing属性。我以某种方式理解,因为我看不到路由机器库如何扩展传单库。

有什么建议么?

0 投票
2 回答
247 浏览

leaflet - Graphhopper 禁用说明

我在我的项目中使用 Leaflet Routing Machine 库和一个 Graphhopper 服务器。在我的浏览器中检查网络时,库总是从 graphhopper 服务器获得响应,其中参数“instructions”为 true,但我不在项目中使用指令,我该如何禁用它?

0 投票
0 回答
2145 浏览

javascript - 自定义标记未显示 react-leaflet

我使用 react-leaflet 来显示地图。我也使用传单路由机进行路由。路线显示正确,但标记未被汽车图标覆盖。我尝试使用 divIcon 对路由和 react-leaflet 进行覆盖标记,但还没有成功。

这是我的代码

汽车结果.js

main.css

我错过了什么吗?

更新

路由现在也被破坏了,但标记仍然没有被汽车图像覆盖。

在此处输入图像描述

0 投票
2 回答
5128 浏览

leaflet - 如何将默认标记替换为航点中的自定义图标(传单路由)

在这里,我正在使用 Leaflet Routing Machine Leaflet Routing Machine绘制路线并为路线分配停靠点

在航点对象数组中,我绑定了自定义标记,例如:

但是我得到了 2 个标记 1 是默认的,第二个是我的自定义图标。您可以在我的屏幕截图中看到一个是默认(蓝色标记)和自定义图标(停止图像)

截屏

所以我想用我的自定义替换默认(蓝色标记)并删除默认标记。谢谢。

0 投票
4 回答
3283 浏览

typescript - 如何将传单路由机导入 Ionic2 项目?

我不太明白如何将 LRM 导入 ts 文件。通过安装后npm install leaflet-routing-machine,我定义了这样的路由:

这对我没有帮助,我得到了:

这是我的离子信息:

顺便说一句,我对传单本身没有任何问题。

0 投票
0 回答
299 浏览

reactjs - Leaflet-Routing-Machine Route 回到以前的位置,并在每次更改结束时返回

我在 ReactJS 项目上使用 Leaflet-Routing-Machine。我在地图上有路线。当地图的位置发生变化或在放大/缩小期间会出现问题。

当我开始拖动地图以改变位置时,没有问题,但是当我停止拖动时,当我开始拖动时,路线会先回到原来的位置,然后再回到它的最终位置。因此,它在视觉上看起来并不好。以前有人遇到过这个问题吗?

这是视频图像,因此您可以直观地看到问题所在。 https://www.youtube.com/watch?v=dcVsKK2PA1g&feature=youtu.be

0 投票
1 回答
1479 浏览

javascript - 传单路由,多源最短路径

我对javascript有点陌生,在我正在构建的网站上遇到了一个问题。一点背景:我有一张传单地图,在那张地图上有多辆车。当我在地图上放置一个新标记时,系统必须计算该标记与我已有的 30 多辆车辆之间的所有路线。然后它必须采用该路线阵列并按最短距离对其进行排序。我简要地看了一下 Promise,但从未设法让它正常工作。

ambulance 是一个全局数组,其中包含地图上每辆车的位置。

特征是放置在地图上的新标记。

根据总距离排序。

这就是我所说的:

other_func() 和 other_func2() 做不重要的事情。这是有效的,直到它不起作用。由于 3 秒的超时,如果路由代理花费的时间超过了获取所有路由的时间,那么一切都会崩溃。

我需要的是 sort_cars() 函数等到所有路线都准备好后才能执行此操作。请帮忙!

0 投票
1 回答
4745 浏览

leaflet - 在传单地图上显示方向路线

如何在传单地图上通过航点显示方向。

我使用了“传单路由机”,但我无法查看路线

任何想法或例子请

你可以在这里找到一个完整的例子(https://codepen.io/mahmoud-nb/pen/RZzNYr

0 投票
1 回答
892 浏览

angularjs - 传单路由机。L 未定义 (IonicV1)

我在 ionicV1 项目中使用传单路由机(liedman)。我按照教程做了一切,我得到了错误

L. 未定义

我读了其他关于在标签之间放置传单链接的帖子,我做了一切。

CSS

JS链接

标签

aap.js

我评论了其他链接,因为我尝试了一切但仍然没有弄清楚,我从 2 天开始就陷入了这个 BASIC 问题。任何人 ?