Здравствуйте, уважаемые читатели сайта Sumlab.ru!

В этой статье будет показано, как можно добавить на ваш сайт карту с описанием и адресом какой-то организации. Такая организация предварительно должна быть добавлена на Яндекс Карту. Если её там ещё нет, то это можно сделать через справочник от Яндекс Бизнеса. Но об этом я расскажу в другой статье.

Итак, у нас есть компания на Яндекс Карте, и мы хотим разместить к себе на сайт подобную карту с описанием этой компании и меткой на её расположение. Для этого воспользуемся готовым виджетом. Весь процесс займёт несколько простых шагов.

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

Заходим на сервис Яндекс Карты

Шаг 2. Находим нужную компанию или организацию

Находим нужную компанию или организацию

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

Заходим в меню и выбираем пункт /

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

Копируем код из блока /

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

Не забудьте сохранить внесённые изменения.

Вставляем скопированный код в том месте на сайте, где нужно вывести карту с информацией

Шаг 6. Стандартный результат будет выглядеть примерно так

Стандартный результат будет выглядеть примерно так

Шаг 7. Схлопываем карточку и оставляем только метку

В официальной документации такой инструкции нет, но если уменьшить высоту виджета (height) в коде на 1 пиксель (до 399), то карточка с информацией схлопнется и останется только метка. При нажатии на неё сработает переход по ссылке на большую карту.

Меняем высоту виджета на 1 пиксель, с 400 до 399

Меняем высоту виджета на 1 пиксель, с 400 до 399

Результат без карточки организации, только метка

Результат без карточки организации, только метка

Примечания

Посмотреть на готовый результат вы можете здесь.

В завершении хотелось бы сказать, что я оказываю различные цифровые услуги. С их полным списком вы можете ознакомиться на главной странице сайта sumlab.ru. Там же вы сможете и заказать понравившуюся услугу. И, конечно, я жду вас всех на страницах моего технического блога, где хранится и регулярно добавляется много полезной информации.

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

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