React传单显示简单路线

问题描述 投票:0回答:3

我想显示 2 个或更多坐标之间的路线。我不需要任何花哨的方向说明或开始和结束标记。所以基本上就像沿着道路行驶的

<Polyline />
一样。我知道有一个传单路由机,但我无法使用 React 和 Typescript 使其工作。

最好的方法是什么?


编辑:我已经尝试过this,但我不知道如何编辑

L.Routing.Itinerary
属性,我需要编辑这些属性以禁用方向说明和标记样式。

reactjs routes leaflet react-leaflet leaflet-routing-machine
3个回答
2
投票

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

1.根据maintainer添加此以使路由面板在styles.css上消失。

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

2.添加此选项可以使标记在创建路由控件实例时消失

createMarker: function () {
      return null;
}

演示


1
投票

要禁用方向,只需在控制选项中设置 show = false。


0
投票

我能够在反应打字稿中实现这一点(show:false 禁用表,对于标记:createMarker: function () { 返回空值; } ),

我面临的问题是航路点的数量,它适用于一定数量的点,之后路线就会消失。并且地图在大量航点上冻结

© www.soinside.com 2019 - 2024. All rights reserved.