Как правильно делать маршрут в Mapbox?

Question

[Wasya UK]

Пытаюсь разобраться с Mapbox. Зашел на гитхаб, посмотрел методы, и попробовал сделать подобие езды. Но вот проблема, оно очень виснет, если тайминтервал поставить на 50, то маршрут даже не успевает отрисовываться. Я так понимаю, что не надо изменять стартовый маршрут, а как-то двигать, или удалять пройденые точки. Но, когда пытаюсь вивести их, то получаю пустой массив (Отображаю их после установки маршрута):
console.log(mapboxDirections.getWaypoints());
Смотрю здесь https://github.com/mapbox/mapbox-gl-directions/blo... И стоит ли смотреть тут https://docs.mapbox.com/api/navigation/#directions, или же есть ресурс получше?

const mapboxDirections = new MapboxDirections({
  accessToken: mapboxgl.accessToken,
  unit: 'metric'
});

let startPosition = [-121.3244, 40.5246];
let finalDestination = [-121.505184, 40.488084];

mapboxDirections.setOrigin(startPosition);
mapboxDirections.setDestination(finalDestination);

  setInterval(() => {
    startPosition[1] += 0.003;
    mapboxDirections.setOrigin(startPosition);
  }, 350);

Comments

[freeExec]

А задача то у вас какая? Раз в минуту пересчитывать маршрут, у вас денег не хватит.

[Wasya UK]

freeExec, 2 точки, 1 старт, 2 енд. нужно проложить маршрут, потом автомобиль едет, и соответственно маршрут изменяеться. Что тут не понятного?

[Wasya UK]

я вот не понимаю как правильно такое делать. Вот в чем проблема

Answer 1

[freeExec]

0) Строишь маршрут
1) Проецируешь текущее положение на ближайший отрезок пути. Никакой магии - геометрия 8 класс.
2) Делишь этой точкой маршрут на два куска
3) Показываешь тот где конец маршрута
4) Ждёшь 50 секунд
5) Идёшь на пункт 1
6) Чего тут не понятно?

Comments

[Wasya UK]

Еммм, ну в принципе суть я уловил, но вот в mapboxDirections нету такого функционала, с картами я не работал, и уже 3-й день пытаюсь найти какую-то информацию по данной теме. Сегодня нашел такой вот сайт https://medium.com/@jonathanwitcoski/making-a-bosn...
Что тут делают? А делают тут вот что, он все точки маршрута вручную передает. В MapboxDirections я просто передаю точку старта и точку куда надо проложить маршрут. Все ок, но вот почучить все точки, чтобы потом нарисовать свою кривую а не могу, получаю пустой массив. Мне бы получить эти точки, и можно идти по вашему списку, но получить я их не могу. Вручную искать и не умею (готов научиться), и не нахожу нормальных статтей по MapboxDirections (только офф доки), а на сайте у них только несколько методов. https://github.com/mapbox/mapbox-gl-directions/blo... Вот тут я застрял.

[freeExec]

Wasya UK, Ну я тоже на глаз не могу сказать, что не так. Оформите свой неработающий код в какой-нибудь песочнице, тогда можно будет предметно разбирать почему маршрут не строится.

[Wasya UK]

freeExec, https://codepen.io/wasya1212/pen/JjoVxzK?editors=1111

[freeExec]

Wasya UK, Собственно у вас нет кода ожидающего сам маршрут.

mapboxDirections.on('route', (route) => {
     // decode google polyline 'route[0].geometry'
  });

В маршруте приходит геометрия, закодированная google polyline. https://github.com/mapbox/polyline