На сайтах организаций часто можно увидеть встроенную Яндекс.карту, на которой помечено расположение офиса. Такую карту можно двигать и масштабировать, чтобы проложить мысленный маршрут до нужной точки от какого-то удобного пользователю ориентиру, например, станции метро.

У некоторых вебмастеров возникает опасение - насколько правомерно использование карты Яндекса на сайте? Опасение вполне обосновано. Лет 10 назад я был свидетелем неприятного случая, когда на сайте одной организации выложили скриншот карты (не Яндексовской) и потом "хозяин" карты каким-то образом отследил этот скриншот и пригрозил судебным иском на круглую сумму.

Слава богу, сейчас таких проблем нет и у Яндекса есть замечательный и совершенно бесплатный инструмент - конструктор карт для сайта.

Инструмент очень прост в использовании. Для доступа к нему нужно иметь аккаунт в Яндексе. Вам нужно создать метку на карте и придумать к ней подпись, например, так:

После этого вводим название и краткое описание карты (в левой колонке) и нажимаем кнопку "Сохранить и продолжить". При этом карта будет сохранена в выбранном нами масштабе и позиции.

На следующем этапе Яндекс предложит выбрать тип карты - интерактивная, статическая, для печати и размер в пикселях на странице (можно установить галочку растягивание по всей ширине).

После этого нажимаем кнопку "Получить код карты", копируем HTML-код и вставляем его в тело страницы сайта.

Многие движки, Joomla в частности, не дают просто так вставлять в текст материала тег <script>, поэтому карта не работает. Как разрешить вставку скриптов в в материалы читайте в этой статье - Как в Joomla3 разрешить теги iframe, script и прочие?

Вот, собственно, и все. Осталось только показать, как  работает внедренная Яндекс.Карта на реальном сайте. В качестве примера приведу фотоотчет о нашей недавней поездке на свалку химических отходов "Белое море" в районе города Дзержинск Нижегородской области.