React 传单显示简单路线

React leaflet display simple route

我想显示 2 个或更多坐标之间的路线。我不需要任何花哨的方向指示或开始和结束标记。所以基本上就像 <Polyline /> 一样沿着道路行驶。我知道有一个 leaflet-routing-machine,但我无法使用 React 和 Typescript 让它工作。

最好的方法是什么?


编辑:我已尝试 但我不知道如何编辑 L.Routing.Itinerary 属性,我需要编辑这些属性以禁用方向说明和标记样式。

您需要添加两件事来实现该行为:

1.According 添加到 maintainer 使路由面板在 styles.css 上消失。

.leaflet-control-container .leaflet-routing-container-hide {
     display: none;
}

2.Add 使标记在创建路由控件实例时消失

createMarker: function () {
      return null;
}

Demo