Направление MapBox с более чем 25 путевыми точками в реакции

Question

Я интегрирую MapBox Direction API в реакцию. У меня более 25 путевых точек (около 500). Как использовать все, используя «mapbox-gl-directions». Потому что я не могу отправить не более 25 wp. Итак, как я могу отправлять несколько запросов с 25 wp каждый раз 25. Как?

Ниже приведен мой пример кода:

componentDidMount() {
    let directions = new MapboxDirections({
                accessToken: mapboxgl.accessToken,
                unit: 'metric',
                profile: 'mapbox/driving',
                interactive: false,
                controls: false
            });

    this.map = new mapboxgl.Map({
            container: 'map',
            style: 'mapbox://styles/mapbox/streets-v11',
            center: [3.1026, 36.6686],
            //center: [this.state.lng, this.state.lat],
            zoom: 10
        });

    this.map.on('load', function() {
        directions.setOrigin([-117.1425, 32.63638889]);
        directions.addWaypoint(0, [-117.1425, 32.63638889]);
        directions.addWaypoint(1, [-117.195, 32.75416667]);
        ---
        ---
        directions.addWaypoint(23, [-116.5012667, 32.92583333]);
        directions.setDestination([-116.5616667, 32.93583333]);
    })
    this.map.addControl(directions, 'top-left');
}```

Any suggestion? Thanks in advance.

Answer 1

Вы можете разбить путевые точки на 25 блоков путевых точек и запросить указания у API Directions перед загрузкой карты. Затем вы можете присоединить объекты маршрута JSON ответа к одному объекту маршрута, который затем можно использовать так же, как и один объект маршрута, с точки зрения его рисования на карте.