образовательный центр

Установка карты на сайт

 

Содержание:

Добавление виджета
Настройка карты через Яндекс
Вставка кода карты в виджет
Дополнительные комментарии

 

Добавление виджета

 

Виджет карты, также как и все другие виджеты находится в левом меню.

 

После перемещения на рабочую область виджет отобразится следующим образом.

 

Настройка карты через Яндекс

 

Перейдем в конструктор карт Яндекса по ссылке http://api.yandex.ru/maps/tools/constructor/.
Откроется такая вот страница.

 

Введите в поиске необходимый адрес. Например, вот так.

 

После чего Яндекс найдет ваш адрес. Нажмите на кнопку "Сохранить и получить код".

 

Появится код, скопируйте его.

 

Вставка кода карты в виджет

 

Вернемся в редактор. Дважды левой кнопкой мышки нажмите на виджет, после чего откроется окно. Вставьте в этом окне скопированный ранее код вашей карты.

 

Примечание. Пункт "Интерактивная карта" означает то, что посетители вашего сайта смогут взаимодействовать с картой — смотреть под разным масштабом, прокручивать карту в другие стороны и т.д. Мы рекомендуем вам всегда делать карту интерактивной.

Посмотрим, что у нас получилось.

В режиме просмотра.

 

Дополнительные комментарии

 

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

 

Но! В режиме просмотра все будет правильно.

 

Спасибо!