Как добавить Яндекс-карту на сайт

Конструктор карт – простой в использовании веб-инструмент, позволяющий создавать различные схемы проезда и отмечать нужные объекты на карте. Данную карту затем можно разместить на своем сайте или в блоге.

Для размещения карты на странице достаточно вставить сформированную конструктором строку кода на ту страницу, где необходимо отобразить карту.

Примечание. Один и тот же код может быть вставлен на одну страницу неограниченное число раз.

С помощью конструктора можно вставить два типа карт: интерактивную и статическую.

Для интерактивной карты конструктор формирует элемент script, который подгружает на страницу JavaScript-код для создания карты.

Как получить код:

  1. Перейдите в Конструктор Яндекс-карт.
  2. Введите адрес Вашего офиса или магазина в соответствующее поле и нажмите кнопку "Найти".
  3. Настройте карту по Вашему усмотрению и нажмите кнопку "Получить код".
  4. Скопируйте полученный код из соответствующего поля и вставьте его в разметку сайта.
Как добавить на сайт яндекс карту Как добавить на сайт яндекс карту

Если Ваш сайт является копией нашего демонстрационного сайта demo.pixlpark.ru и Вы хотите заменить уже имеющуюся карту, например, на странице контактов, то зайдите в панель управления сайтом, откройте раздел CMS "Страницы сайта", найдите страницу "Контакты" и откройте ее для редактирования, затем перейдите в "Расширенные настройки страницы" (см. скриншот ниже) и в поле "Слайдер" вставьте полученный в конструкторе Яндекс-карт код вместо текущего.

Как установить карту на сайт Как установить карту на сайт

Как Вы могли заметить, в коде карты есть параметры, отвечающие за размеры окна карты: width (ширина) и height (высота), – они показаны стрелками на скриншоте. Вы можете установить оптимальные для Вашего сайта значения (на Ваше личное усмотрение). Значения данных параметров указаны в пикселях (px). Если Вы желаете растянуть карту на всю ширину сайта, то парамерт width вместе с его значением надо просто удалить из кода. На скриншоте показана выделением часть кода, которую надо удалить для установки ширины карты, равной ширине сайта.

Яндекс-документация: Как добавить карту на сайт или в блог.