Найти в Дзене

«Виджет с картой». Как получить и разместить на сайте блок с картой и информацией о компании

Сейчас поговорим о том, как можно получить виджет с карточкой любой организации, которая есть на Яндекс Карте и разместить её на вашем сайте. Особенно полезным это будет для владельцев бизнеса, которые уже добавили свою организацию в Яндекс Справочник и она уже появилась на общей карте. В этом случае им будет полезно разместить такую карточку на своём сайте для удобства и наглядности пользователей. Выглядеть такая карточка будет, примерно, как на скриншоте ниже. А теперь перейдём к самому пошаговому процессу. Это делается очень просто. Шаг 1. Переходим на Яндекс Карты https://yandex.ru/maps/ Шаг 2. Находит и нажимаем на нужную организацию Шаг 3. Вызываем скрытое меню нажав на три точки и выбираем пункт "Поделиться" Шаг 4. Копируем код из блока "Виджет с картой" Шаг 5. Вставляем скопированный код в месте вывода виджета на вашем сайте Шаг 6. При необходимости можете изменить ширину и высоту выводимого блока. Для этого в коде поменяйте параметры width и height. Можете задать значения в пр
Оглавление

Сейчас поговорим о том, как можно получить виджет с карточкой любой организации, которая есть на Яндекс Карте и разместить её на вашем сайте.

Особенно полезным это будет для владельцев бизнеса, которые уже добавили свою организацию в Яндекс Справочник и она уже появилась на общей карте. В этом случае им будет полезно разместить такую карточку на своём сайте для удобства и наглядности пользователей.

Выглядеть такая карточка будет, примерно, как на скриншоте ниже.

Виджет с картой
Виджет с картой

А теперь перейдём к самому пошаговому процессу. Это делается очень просто.

Шаг 1. Переходим на Яндекс Карты

https://yandex.ru/maps/

Шаг 2. Находит и нажимаем на нужную организацию

-2

Шаг 3. Вызываем скрытое меню нажав на три точки и выбираем пункт "Поделиться"

-3

Шаг 4. Копируем код из блока "Виджет с картой"

-4

Шаг 5. Вставляем скопированный код в месте вывода виджета на вашем сайте

-5

Шаг 6. При необходимости можете изменить ширину и высоту выводимого блока. Для этого в коде поменяйте параметры width и height. Можете задать значения в процентах или пикселях. Например, width="100%", height="600px"

-6

Шаг 7. Сохранить изменения и обновить страницу сайта

Готово! Результат будет примерно таким.

-7

А на этом всё! Всем спасибо за внимание.

Если вам понравилась статья, тогда не забывайте делиться ею в социальных сетях и писать ваши комментарии.