Размещаем Яндекс.Карту на Вашем блоге на WordPress



Иногда, возникает необходимость добавить карту с указанием местоположения или маршрута проезда на Ваш блог на системе WordPress.

Сделать это очень просто и Вам не придется изучать API Яндекс.Карт.

Для создания карты воспользуемся специальным сервисом «Конструктором карт» http://api.yandex.ru/maps/tools/constructor/

Для его использования (получить возможность сохранять и редактировать уже созданные карты) Вам необходимо быть зарегистрированном на Яндексе (иметь свою почту), зарегистрироваться можно здесь.

Авторизуемся и переходим на страницу конструктора http://api.yandex.ru/maps/tools/constructor/

Конструктор Яндекс карт

Пользоваться конструктором очень просто.

Сначала Вы нажимаете на кнопку «Создать новую карту».

Теперь Вы можете найти нужное место на карте используя инструменты для изменения масштаба и перемещая карту мышью.

Можно сразу найти нужный адрес введя в поле для поиска.

Например, ул. Бетанкура, 1.

Конструктором карт - результат поиска

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

Конструктор Яндекс карт - добавляем метку

В поле описания, мы вводим ТЦ Седьмое Небо, адрес: ул. Бетанкура, 1.

Выбираем цвет метки — красный.

После чего нажимаем OK.

Наблюдаем нашу метку на карте

Конструктор Яндекс карт - метка на карте

Мы можем уменьшить масштаб карты и обозначить маршрут проезда от Канавинского моста.

Выбираем инструмент рисования линий

Инструмент рисования линий

И последовательно задаем узлы нашей полилинии щелкая по карте.

Завершаем построение щелкая мышью по последнему узлу левой кнопкой мыши и в появившемся меню пунк «Завершить».

Вам будет предложено изменить параметры ломаной линии, задать название, стиль.

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

Мы можем задать размер карты, выбрав соответствующий инструмент.

Конструктор Яндекс карт - изменение размера

После всего задаем название нашей карты «ТЦ Седьмое Небо» и нажимаем на кнопку «Сохранить и получить код»

Конструктор Яндекс карт - готовая карта

Появляется строка с кодом для вставки, также можно выбрать какую карту использовать на сайте — интерактивную или статическую.

Я оставлю по умолчанию интерактивную.

Копируем код в буфер обмена.

Теперь заходим в админку блога WordPress и создаем новую заметку или статью.

В редакторе переключаем режим ввода Текст

Форма ввода заметки

Вводим заголовок «ТЦ Седьмое небо», а в поле ввода текста наш код карты

Заголовок и код карты

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

Как видите всё очень просто.

И самое интересное, что Вы можете редактировать уже добавленную карту.

Переходим обратно в Конструктор карт.

Выбираем нашу карту, щелкая по ее названию.

Появятся кнопки «Редактировать» и «Удалить».

Конструктор Яндекс карт - редактируем

Нажимаем «Редактировать».

Теперь мы можем отредактировать добавленные объекты, удалить их или добавить новые.

Я изменю цвет метки.

Щелкаем по ней и выбираем зелёный.

После редактирования нажимаем кнопку «Сохранить изменения».

Переходим на сайт, обновляем страницу и видим уже зелёную метку.

Новая версия карты

Надеюсь эта статья будет Вам полезной.

P.S. — Можно ли быстро сделать свой блог, не размазывая «каши» в собственной голове?
Можно, но только вот так — http://sb-new.loc/curs/disc6.htm

Оставьте комментарий