Создание маршрутов с помощью интерактивных карт

Конструктор карт Яндекс зарекомендовал себя незаменимым помощником при составлении маршрутов для поездки на общественном транспорте, личном авто. С помощью этого можем посмотреть расположение различных учреждений, коммерческих объектов и много другого. На просторах СНГ Яндекс карты остаются наиболее точным и насыщенным контентом инструментом. Эта статья будет полезна при разработке сайтов, сео продвижении сайтов и совершенствованию их интерактивной части.

Кроме всего этого, в интерактивных картах Яндекса доступна функция «Мои карты», о которой знают далеко не все. В этом сервисе пользователь может выделять те или иные участки (городские недострои, не отмеченные водоемы), прокладывать маршруты и т. д.

Именно о прокладке маршрутов в пойдет речь в статье.

Небольшое объявление. Если вы не хотите сами вникать в особенности создания маршрутов, то доверьте это профессионалам. Составим для Вас динамичный маршрут любой сложности. Цена от 44 BYN или 1290 RUB. Заинтересовавшихся просьба писать на почту info@webfocus.by с пометкой “Создание маршрутов” или связаться любым другим способом, указанным на сайте. В сообщение укажите какой маршрут хотите создать, для какого сайта.

Кому интересны маршруты в интерактивных картах?

Эта функция пригодится совершенно разным пользователям:

• Когда вам необходимо проложить маршрут подъезда к офису или складу. Это может возникнуть из-за того, что карты не всегда показывают некоторые грунтовые дороги или на них не будут отмечены некоторые детали (например, обычный путь временно перегорожен из-за ремонтных работ).
• Вы решили проложить маршруты и обозначить периметром место, где происходят сезонные события: ярмарки, фестивали.
• У Вас туристическое агентство, и вы хотите показать маршруты туристических походов по лесу или сплавов по рекам своим потенциальным клиентам.

Простая инструкция.

Мы рассмотрим работу конструктора карт Яндекс на примере третьего и самого трудного варианта. Изобразим туристический маршрут сплава на байдарке. Изучив эту простую инструкцию, вы легко справитесь с другими задачами.

1. Для создания маршрута на интерактивной карте Яндекс необходимо выполнить простые действия.

2. Создайте аккаунт (почту) в Яндексе, если ее нет. Войдите в свой аккаунт. В нем будут храниться все созданные маршруты.

3. После авторизации, зайдите в Яндекс Карты.

4. В правом верхнем углу нажмите на иконку профиля и выберите «Мои карты»

5. Дайте название и краткое описание (1 – 2 предложения). Затем нажать «Сохранить и продолжить». Вы перейдете в окно сохраненной карты.

6. Нажмите на «Вернуться к редактированию карты»

7. Запомните! После любых серьезных изменений следует нажать кнопку «Сохранить и продолжить», чтобы не пропала работа.

8. Далее, на карте ищем начальную точку маршрута. В моем примере я взяла начало от ул. Логойский тракт, д. 24 :

9. Масштаб стараемся выбрать более точный, чтобы линии маршрута как можно точнее совпадали с изгибами реки. Но и слишком детальный брать не надо: долго будете наносить маршрут, особенно если он больше нескольких километров. Я взял масштаб 50 метров (масштаб можно посмотреть в правом нижнем углу). Если что-то пойдет не по плану, то в дальнейшем, линии можно откорректировать.

10. Берем инструмент «Линии»

11. Проводим маршрут мышью от начала ул. Логойский тракт, д. 24. На изгибе устанавливаем точку Левой кнопкой мыши. В моем примере так:

12. После изгиба продолжаем тянуть линию в другом направлении, чтобы она полностью совпадала с маршрутом до нашего офиса:

13. Когда вы устали и хотите прервать процесс – еще раз нажмите на кнопку «Линии» в верхней части, и не забывайте сохранить результат.

14. По пути маршрута можно поставить метки для обозначения: места приезда и начала сплава, места конца сплава и отъезда, привала, ночлега, достопримечательностей и т. д. Для этого необходимо нажать на инструмент «Метки» и поставить метку в любом месте (потом ее можно передвинуть).

15. Так будет выглядеть стандартная метка. В ней необходимо задать название (Подпись метки), описание (Текстовое поле), выбрать необходимый цвет. Если кликнуть по инструменту «Иконка», то можно подобрать изображение, которое наиболее близко по смыслу метки. Количество иконок ограниченно, однако в большинстве случаев можно подобрать что-нибудь подходящее. Выйти из режима выставления меток можно повторным нажатием кнопки «Метки». В противном случае, кликая левой кнопкой мыши на произвольные участки карты, вы наставите большое количество ненужных меток, которые придется удалять.

16. Если не устраивает стандартный красный цвет линий, то замените его в специальной панели.

17. Цвет, прозрачность и толщина линии, а также метки редактируются в левой части карты (панель «Список объектов»):

18. Для этого достаточно один раз кликнуть по ним мышью.
Я установила фиолетовый цвет, толщину 5 и прозрачность 60%, чтобы линия резко не контрастировала с картой.

19. Теперь настало время сохранить итоговый вариант, и вывести нашу карту на сайт. Делается это с помощью старой знакомой кнопки «Сохранить и продолжить», после чего вы перейдете в следующее окно:

20. Жмем на «Получить код карты»:

21. Копируем код полностью и вставляем в нужное место на вашем сайте.

Изучив эту инструкцию, вы создадите в интерактивных картах Яндекса маршрут любой сложности, который украсит ваш сайт не хуже любой инфографики.

После недолгих манипуляций, у меня получилась такая карта.

Дополнение от 24.03.2020

Читательница нашего блога Лариса задала вопрос:

Как рассчитать протяженность маршрута в конструкторе карт?

Отвечаем. Сделать это довольно просто. При прокладывании маршрута в конструкторе Яндекс карт протяженность маршрут рассчитывается автоматически.

При создании маршрута расстояние автоматически рассчитывается в меню слева.

Одно НО. Если при создании маршрута вы использовали несколько линий (завершали одну линию, а после к ней добавляли другие), то маршрут рассчитывается сложением расстояния всех линий: