Интеграция сторонних сервисов на страницу
Иногда появляется необходимость добавить на страницу виджеты с других сайтов, например карты, рекламу, погоду и другие виджеты, которые повышают информативность сайта.
Рассмотрим возможность добавления виджета на страницу на примере сервиса "Яндекс Карты"
Добавление яндекс карты на сайт
Для добавления карты на сайт для начала нам необходимо перейти на сайт https://yandex.ru/maps
Справа с верху у вас будет кнопка как на скриншете, если вы не авторизованы
После клика по кнопке слева появится предложение авторизоваться, кнопка "войти"
Для использования яндекс карт, вам необходимо авторизоваться, если нет аккаунта, то придётся зарегистрироваться.
После регистрации возвращайтесь на страницу с картой https://yandex.ru/maps и справа ищите значёк с вашего профиля, пример на скриншете
Кликаем на него и в появившемся слева меню выбираем пункт "Мои карты"
Далее откроется список ваших карт, если вы впервые проделываете эту процедуру, то список будет пуст.
Жмите на кнопку "создать карту".
Дальнейший алгоритм карйне прост
- Находи нужную нам локацию, например Большой Театр
- Приближаем или отдаляем карту с помощью колёсика мыши
- С помощью инструментов яндекс карт можно нарисовать линии маршрута, выделять области прямоугольником и ставить метки.
- После того как всё готово слева в поле "Название" и "Описание" при желании вводим необходимую информацию
- Жмём на кнопку "Сохранить и продолжить"
Далее появится предложение выбрать размер карты, в примере как на скриншете я выбрал рстянуть по ширине, это означает, что карта будет растянута на ширину родительского блока, если положить карту в тег <body> , то она займёт всё доступное пространство по ширине, а высота будет 400px, как и указано в настройках.
После выбора размера жмём на кнопку "Получить код карты"
Код кторый нам предоставили, необходимо добавить на нашу страницу.
Готово, теперь у нас на странице есть интерактивная карта!