Как вставить на сайт Яндекс-карту #50901
Видео инструкция
Шаг 1
Авторизовавшись в Яндексе, пройдите по ссылке https://yandex.ru/map-constructor
Далее необходимо нажать на кнопку "Создать карту".
Шаг 2
Введите в строку "Адрес или объект" - адрес месторасположения.
Затем нажмите на кнопку "Найти".
Шаг 3
Из предложенного списка результатов поиска выберите нужный Вам адрес.
Шаг 4
На карте отобразится всплывающее окно, в котором можно:
- Задать подпись для метки на карте;
- Указать описание для точки на карте (по умолчанию - адрес);
- Подобрать цвет метки;
- Выбрать тип метки;
После указания всех настроек для метки нажмите "Готово".
Обратите внимание!
- Вы также можете перенести метку вручную в нужное Вам место карты (например, если Вы хотите сделать акцент на каком-либо конкретном корпусе здания или явно указать, где находится вход). Для этого просто закройте окно настроек описания, цвета и пр. и перетащите метку на карте, кликнув на нее и зажав с помощью левой кнопки мыши. Вернуться после этого к настройкам описания, цвета и пр. Вы можете, нажав на метку на карте.
Шаг 5
Если Вам необходимо оставить еще одну точку на карте, нажмите на кнопку "Метки".
И кликните в том месте карты, где Вам необходима дополнительная метка - отобразится еще одно окно с настройками метки.
Шаг 6
Затем в левой части экрана укажите название и описание карты (если это необходимо).
После чего - нажмите "Сохранить и продолжить".
Шаг 7
Теперь на карте Вы можете:
- Изменить размер карты, зажав и перетащив один из квадратных маркеров в углах и на сторонах карты;
- Изменить масштаб карты с помощью бегунка;
- Переместить область карты.
Также в меню слева Вы можете:
- Выбрать тип карты: интерактивная, статическая или печатная;
- Задать размер карты в пикселах.
- Растянуть карту на 100%.
Шаг 8
После произведения всех настроек нажмите "Получить код карты" и скопируйте код - его будет необходимо вставить на стороне системы управления.
Шаг 9
Зайдите в редактор страницы и нажмите на кнопку "HTML".
- Например, если Вы хотите разместить карту на отдельной странице, просто перейдите к редактированию нужной текстовой страницы и в текстовом редакторе данной страницы нажмите на кнопку "HTML" (см. скриншот ниже). Также Вы можете разместить карту в общих блоках.
Разместите код карты ниже всего кода страницы и нажмите "Ок" и "Сохранить изменения".
Обратите внимание!
- Для корректного отображения карты Вам может потребоваться указать в настройках ключ API. О том, что это такое, как его получить и где указывать - читайте в инструкции по ссылке.