Skip to content

zxc-vitaliy/zxc-test-task-route-editor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Редактор маршрутов

Необходимо реализовать редактор маршрутов — одностраничное приложение, в котором пользователь в интерактивном режиме может создавать на карте маршрут, указывая начальную, конечную и промежуточные точки движения. Для каждой точки маршрута можно посмотреть ее адрес. Приложение визуально состоит из:

  1. текстового поля ввода для новых точек маршрута;
  2. списка уже введенных точек маршрута;
  3. интерактивной карты.

Новая точка маршрута добавляется с помощью ввода ее названия в текстовом поле и нажатия Enter. После этого:

  1. введенная точка маршрута отображается в конце списка уже добавленных точек;
  2. в текущем центре карты появляется маркер, обозначающий новую точку маршрута. Напротив каждой точки маршрута в списке находится кнопка удаления, при ее нажатии точка маршрута пропадает из списка, а с карты пропадает ее маркер. Порядок точек маршрута в списке можно изменять перетаскиванием. Маркеры, соответствующие точкам маршрута, можно перемещать по карте перетаскиванием. Маркеры на карте соединены прямыми линиями в том порядке, в котором они находятся в списке. Полученная таким образом ломаная изображает маршрут, первая точка в списке — начало маршрута, последняя — конец маршрута. При изменении порядка точек в списке или их удалении, а также при перемещении маркеров маршрут на карте автоматически перерисовывается.

Результат:

alt-текст

Запуск:

  1. Клонируйте данный проект
  2. Войдите в клонированную папку
  3. npm i
  4. npm start

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published