bMap-mapSmoothMarker

Пример

Из-за занятости в последнее время новый проект не был своевременно обновлен. После того как стану свободнее, открою демонстрационный проект. (2018/09/15)

• Из-за небольшого количества точек GPS, приложение для сбора данных будет выпущено вместе с открытым проектом.

Вышеуказанный адрес представляет собой демонстрацию нового подхода, где точки собираются с помощью мобильного приложения.

Реализация идеи

С использованием Baidu Yinyan решаются следующие задачи:

1. Корректировка ошибок
2. Привязка к дорогам
3. Удаление шума
4. Уменьшение плотности данных

Это значительно улучшает движение автомобиля по маршруту.

В настоящее время известны следующие проблемы проекта.

1. Приложение для сбора точек имеет некоторую погрешность. Нельзя полностью доверять собранной информации.
2. Из-за задержки сети при получении "координат водителя", автомобиль может двигаться прерывисто.#### Описание проекта План перемещения карты для такси

• Проект использует Node.js + Socket для предоставления данных
• Передняя часть реализует аналогичную функциональность, как в Didi Chuxing, когда автомобиль перемещается или отклоняется от маршрута и затем планирует новый маршрут.
• Поскольку здесь используется карта Baidu, примеры решения этой проблемы более развиты.
• Карта AutoNavi уже решает проблему перемещения, поэтому если вы используете эту карту, вам достаточно создать объект трассировки. В этом проекте есть примеры в index-gd.ejs.
• Для получения подробностей о реализации см. переход к помощи
• Ядром проекта является mapSmoothMarker.js

Инструкция по установке1. npm install #Установите зависимости

2. npm run dev #Запустите
3. npm run watch #Необходимо наличие pm2

Аннотация mapSmoothMarker.js

• Переместите текущий маркер carMk к следующей координате, начальная функция startCar

/**
  * @description Начало движения
  * @param {bMap} map Экземпляр карты Baidu
  * @param {Point} oldPoint Начальная точка
  * @param {Point} newPoint Конечная точка
  * @param {marker} marker Маркер
  * @param {number} time Длительность анимации в секундах
  * @param {function} changeFun Обработчик события при каждом перемещении
  */
new markerTranslation().startCar(map_, oldPoint, newPoint, carMk, 2000, function (points) {
    // Обратный вызов при каждом перемещении — частота 100 миллисекунд
    // console.log(points);
});
// Выполнение анимации