Здравствуйте, друзья блога FairHeart.ru! Если вы на блоге указываете адрес своей компании, любимого бара или просто место встречи, для красоты и удобства восприятия рекомендуется приложить карту, на которой маркером отмечено это место. В этой статье я расскажу вам как быстро и просто добавить Google Map и Яндекс карту в WordPress.

яндекс карта wordpress

Яндекс Карта — плагин Yandex Maps for WordPress

Скачайте плагин Yandex Maps for WordPress, распакуйте архив, загрузите папку с файлами плагина на сервер в директорию wp-content/plugins и активируйте его. Для работы Яндекс Карты необходимо получить Yandex API Key. Это займет у нас несколько секунд. Переходите на страницу получения API-ключа. Достаточно ввести адрес вашего сайта, поставить галочку под пользовательским соглашением и нажать на ставшую активной кнопку «Получить API-ключ».

Получение API ключа

На следующей страницы нам уже выдают уникальный API-ключ, который следует скопировать и вставить в раздел админки WP «Плагины» — «Yandex Maps». Все, плагином уже можно пользоваться.

Теперь при создании страницы или записи во встроенном редакторе WordPress внизу можно заметить новый раздел опций «Yandex Maps for WordPress».

плагин Yandex Maps for WordPress

  • Location Name — заголовок описания маркера.
  • Address — адрес, который будет отмечен маркером.
  • Location Description — описание маркера (можно использовать html тэги, но не стоить вводить одиночную кавычку).
  • Map width \ height — размер карты в пикселях.
  • Enable Zoom/Pan Controls — показывать элементы управления.
  • Enable Map Type Controls (Map, Satellite, or Hybrid) — отображать или нет элементы настройки типа карты (улицы, спутник, гибрид).

Как только заполните все поля, нажмите на кнопку Send Map To Editor и плагин сам сгенерирует код и вставит его в текст статьи.

Google Карта WordPress — плагин Comprehensive Google Map Plugin

В качестве альтернативы рассмотренным выше Яндекс Картам хочу предложить просто шикарный плагин от Google, который по праву имеет рейтинг в пять звезд на wordpress.org — имя ему Comprehensive Google Map Plugin. Единственный его минус — он не принимает русские адреса, их приходится писать транслитом (английскими буквами русские слова). Зато сами карты полностью на русском, да и описание маркеров тоже можно задавать на своем родном языке. Этот плагин имеет просто огромный функционал, за который можно ему простить все на свете!

Плагин устанавливается стандартно, только скачайте свежую версию с официального репозитория на wordpress.org.

После активации, появляется отдельный пункт в панели администратора WordPress — Google Map. Настройки плагина разбиты на два раздела:

1. Shortcode Builder — генератор кода, который следует вставить в текст статьи или в виджет WP для отображения настроенной в этом разделе карты.

Рассмотрим опции этого раздела.

Basic Settings — основные настройки.

Basic Settings Google Map

  • Width и Height — ширина и высота карты в пикселях.
  • Zoom — масштаб.
  • Map type — тип карты.
  • Alignment — выравнивание (расположение на странице).
  • Direction Hint — подсказка направления.
  • Map Language — язык.
  • Powered By — переводится как «Приведенный в действие», но назначение данной опции осталось для меня загадкой.

Map Controls — элементы управления. Можно оставить настройки по умолчанию.

Map Markers — ставим маркеры на карту.

Маркеры для Google Карты

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

Что еще можно отображать:

  • Bike Paths — велосипедные дорожки.
  • Traffic Info — транспортную информацию.
  • Panoramio — фотографии местности.

Когда карта настроена и на нее нанесены все необходимые маркеры, нажмите на кнопку GENERATE SHORTCODE. Появится окошко с кодом, скопируйте его и вставьте в статью.

2. Settings — в этом разделе можно разрешить или запретить отображать опции генерации кода Google карты в редакторе WordPress (как это делается в плагине Yandex Maps for WordPress по умолчанию).

Кроме этого плагин создает новый виджет AZ :: Google Map. Настройки его полностью идентичны рассмотренным выше.

Спасибо за внимание! Всех Вам благ!

Лучший способ выразить благодарность автору - поделиться с друзьями!

Узнавайте о появлении нового материала первым! Подпишитесь на обновления по email:

Следите за обновлениями в Twitter и RSS.