TGViewer
Web разработка Web разработка @htmlcssjavas · 1.66K subscribers
Post #799 1.26K
HTML, JavaScript, YandexAPI и щепотку Bootstrap

Думаю, что все знают про YandexAPI, но знать недостаточно, надо применять. Сегодня разберу небольшую задачу, которая заключается в следующем:

необходимо создать форму, для ввода адресов точек отправления и прибытия;
создать карту и построить маршрут от точки отправления до точки прибытия.
Покажу одну из возможных реализаций на языке JavaScript, создам форму на HTML и приправлю все немножечко Bootstrap v5.

Что необходимо отобразить на странице для выполнения задачи:

поле ввода для точки отправления;
поле ввода для точки прибытия;
кнопку подтверждения отправки формы;
область для вывода карты с информацией откуда и куда в виде карточки, где карта располагается сверху, а прочая информация ниже.

➡️ Читать дальше

@htmlcssjavas
  • 👍 2
More from @htmlcssjavas
  1. Sep 1, 2026Как создать радиальный градиент в CSS? Для создания фона в виде радиального (кругового, эл…
  2. Sep 1, 2026🔴 Тестовое собеседование на Frontend-разработчика со старшим разработчиком ex. Сбер 3 сен…
  3. Feb 17, 2025🌐 Baitroute — это библиотека, разработанная для создания реалистичных, но фиктивных уязви…
  4. Feb 15, 2025Glowing ring Загрузчик с зеркальным эффектом, созданным при помощи теней, созданных CSS-св…
  5. Dec 6, 2024Большая и интерактивная шпаргалка по CSS Эта шпаргалка не просто список параметров, а нагл…
  6. Dec 2, 2024Крутая шпаргалка по CSS Тут можно найти множество свойств CSS с их подробным описанием, пр…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →