Пожалуй каждый кто занимается веб-разработкой сталкивался с проблемой добавления карты на сайт. Вариантов решения два: написать код самому или воспользоваться уже готовым. В данной статье мы рассмотрим только второй способ т.к. для новичков он является самым быстрым и простым.
Шаг 1
Набираем в поисковике "карта для сайта" и нажимаем на самую первую ссылку.
Шаг 2
Переходим по ссылке и перед нами открывается вот такой конструктор карт Яндекса:
Как Вы понимаете вся последующая работа будет производиться в нем. Из всех инструментов рабочей панели я бы хотел особенно выделить "Метки". Они полезны тем что с их помощью можно отметить сразу несколько ключевых мест на карте.
Шаг 3
После того как все необходимые операции выполнены переходим к сохранению нашего проекта.
Нажимаем на "Сохранить и продолжить" (нижний левый угол) и перед нами открывается такая картина:
Самые важные параметры здесь уже выставлены, остается только задать размеры видимой области и нажать кнопку "Получить код карты".
Выделяем JS-код и нажимаем копировать:
Шаг 4
Полученный код вставляем в наш html-документ, сохраняем и обновляем. Вот что должно получиться:
Размерами карты можно управлять если обратиться к высоте и ширине, которые являются значением атрибута src:
Спасибо за внимание!
Появились вопросы? Что-то не получилось? Пишите в комментариях. Вместе мы сможем со всем разобраться)
Если статья оказалась полезной предлагаю подписаться на канал.