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

Здравствуйте, уважаемые подписчики, постоянные читатели и просто посетители блога Spectr-rv.ru. Сегодня я расскажу, как вставить карту Яндекс на сайт.

Карта Яндекс на сайте используется, главным образом, для указания схемы проезда к тому или иному объекту или просто для указания его местонахождения. Это может быть офис вашей фирмы, магазина, склада и т. п. Подобная карта, размещенная, например, на странице «Контакты» сайта, создаст дополнительные удобства для ваших клиентов.

Установить карту на сайт совсем несложно, а помочь в этом может сервис Яндекса Конструктор карт.

Создание и установка карты

Для начала зайдите на сервис «Конструктор карт». В окне поиска, на странице «Создание карты», введите адрес нужного объекта, например, такой: Самара, ул. Ульяновская, 18. Нажмите кнопку «Найти».

Как видите, в окне появился участок карты с указанием расположения выбранного объекта. В табличке вам предлагается подобрать цвет указателя и выбрать номер объекта (если это нужно). В окне таблички (окошко «Описание»), вы можете поместить любой текст, который будет появляться при клике мышкой на точке (указателе).

Кнопки «Инструменты», расположенные над картой имеют следующее назначение:

1. Расстановка точек (указателей) на карте;

2. Указание маршрута проезда к объекту;

3. Изображение объектов сложной формы;

4. Изменение размеров карты.

Теперь, при помощи органов управления, выберите необходимый масштаб карты. Найдите на карте остальные, нужные вам объекты и отметьте их указателями, с помощью кнопки 1.

Определитесь со схемой проезда к выбранным объектам и изобразите ее (схему), используя инструмент, выбираемый кнопкой 2. При помощи инструмента для изменения размеров (кнопка 4), подгоните размер карты под свои требования.

По окончании редактирования карты, напишите ее название в предназначенном для этого окошке. Поставьте галочку в пункте «Я прочитал Пользовательское соглашение …» и нажмите кнопку «Сохранить и получить код». После чего откроется страница «Просмотр карты».

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

Ниже, на этой странице имеются две кнопки, предназначенные для выбора типа карты, и строка с кодом.

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

Чтобы карта появилась на сайте, вставьте ее код в требуемое место страницы или записи, при редактировании в режиме «Текст». На этом работа закончена. Теперь вы можете полюбоваться своим творением и по достоинству его оценить.

Созданная в качестве примера карта, конечно, далека от совершенства. Если подойти к этой работе серьезно, можно все сделать более качественно. Например, указать номера подходящих маршрутов транспорта, обозначить остановочные пункты и т. п.

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

С уважением, Владимир (Spectr-rv.ru).