Leaflet Routing Machine - 如何设置不可拖动的线？

Question

我需要使用 Leaflet-routing-machine 将路由线设置为“不可拖动”。 谁能帮帮我？

编辑：

对不起，我用下面的代码创建了一条路线：

        var routerMap = new L.Routing.OSRM({
            serviceUrl: "http://192.168.20.26:5000/viaroute",
            timeout: 60000
        });

        if (routeControl != undefined) routeControl.getPlan().setWaypoints([]);

        routeControl = L.Routing.control({
            waypoints: novasCoord,
            router: routerMap,
            routeWhileDragging: true
        });

        routeControl.on("routefound", function (e) {
            routeCoordinates = e.route.coordinates;
        });

        //routeControl.on("routeselected", function (e) {
        //    routeCoordinates = e.route.coordinates;
        //});

        routeControl.addTo(map);

但我不想让客户端拖动L.Routing生成的线...

Answer 1

查看此插件的docs，L.Routing.Line 可以选择启用/禁用（默认启用）通过拖动线条添加新航点的可能性。

选项称为addWaypoints。

只需将其设置为 false，例如，您可以扩展 L.Routing.Line 以默认禁用添加航点的可能性。

    L.Routing.Line = L.Routing.Line.extend({
        options: {
            styles: [
                {color: 'black', opacity: 0.15, weight: 9},
                {color: 'white', opacity: 0.8, weight: 6},
                {color: 'red', opacity: 1, weight: 2}
            ],
            missingRouteStyles: [
                {color: 'black', opacity: 0.15, weight: 7},
                {color: 'white', opacity: 0.6, weight: 4},
                {color: 'gray', opacity: 0.8, weight: 2, dashArray: '7,12'}
            ],
            addWaypoints: false,
            extendToWaypoints: true,
            missingRouteTolerance: 10
        },
    });

或者通过传递lineOptions 属性在实例化L.Routing.Control 时即时执行。

routeControl = L.Routing.control({
    /* your config */
    lineOptions : {
        addWaypoints: false
    }
});

这将满足您的需求。

兄弟。