Плагин Яндекс.Карт YaMaps для WordPress

Описание

YaMaps — простейший способ вставить карту на ваш сайт. У плагина дружественный интерфейс. Вы можете визуально ставить метки на Яндекс.Карту, двигать их мышью, менять иконки и многое другое.

Для использования новым редактором Гутенберг, вам нужно сначала добавить блок Классического редактора!

Для корректной работы поиска по карте и составления маршрутов может понадобиться ввести API-ключ (JavaScript API и HTTP Геокодер) на странице настроек плагина.

Возможности плагина:

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

Структура шорткода

  • yamap center — Координаты центра карты
  • yamap height — Высота карты
  • yamap zoom — Масштаб карты (от 0 до 19)
  • yamap scrollzoom — Отключить масштаб карты колесом мыши (scrollzoom=’0′ для блокировки)
  • yamap mobiledrag — Можно отключить перетаскивание карты на мобильных устройствах (mobiledrag=»0″ для отключения)
  • yamap type — Тип карты (Например: yandex#map, yandex#satellite, yandex#hybrid)
  • yamap controls — Элементы управления картой, разделенные точкой с запятой (typeSelector;zoomControl;searchControl;routeEditor;trafficControl;fullscreenControl;geolocationControl)
  • yamap container — ID существующего блока в теме WP. Карта будет помещена в блок с указанным ID. Новый блок карты в содержимом записи создаваться не будет.

  • yaplacemark coord — Координаты метки

  • yaplacemark icon — Иконка метки (Тип иконки Яндекс.карт или url-адрес вашего собственного изображения)
  • yaplacemark color — Цвет маркера
  • yaplacemark name — Подсказка или содержимое иконки
  • yaplacemark url — URL-адрес или ID записи, которые будут открыты при клике на метку

  • Вы можете добавлять множество меток внутри шорткода карты.

Пример шорткода

[yamap center=’55.7532,37.6225′ height=’15rem’ zoom=’12’ type=’yandex#map’ controls=’typeSelector;zoomControl’][yaplacemark coord=’55.7532,37.6225′ icon=’islands#blueRailwayIcon’ color=’#ff751f’ name=’Placemark’][/yamap]

Скриншоты

  • Окно визуального редактора шорткода.
  • Шорткод в визуальном редакторе TinyMCE.
  • Карта на странице блога.
  • Кнопка для вставки шорткода.
  • Визуальный выбор цвета метки.

Установка

  1. Загрузите папку yamaps в директорию плагинов /wp-content/plugins/.
  2. Активируйте плагин на вкладке ‘Плагины’ меню WordPress.

Часто задаваемые вопросы

Нужен ли мне API-ключ для использования плагина YaMaps?

Нет, не нужен. Но если возникают проблемы с лимитами (в том числе из-за других сайтов на этом IP) вы можете получить ключ (https://developer.tech.yandex.ru/services/) и ввести его на странице настроек плагина.

Как выбрать тип карты и её масштаб?

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

Как использовать плагин с новым редактором Гутенберг?

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

Как вставить карту в тему вордпресс посредством PHP-кода?

Используйте тэг echo do_shortcode() с вашим шорткодом в кавычках внутри.

Как установить иконку, которой нет вы выпадающем меню?

Вы можете выбрать иконку на https://tech.yandex.ru/maps/doc/jsapi/2.1/ref/reference/option.presetStorage-docpage/ и установить ее вручную в поле «Иконка». Например, «islands#blueRailwayIcon». Кроме того, вы можете установить URL-адрес собственной метки. Например, PNG-изображения с прозрачностью.

Почему нельзя изменить цвет иконки StretchyIcon?

Это ограничение API Яндекс Карт. Вы можете выбрать растягивающуюся иконку нужного цвета на странице https://tech.yandex.com/maps/doc/jsapi/2.1/ref/reference/option.presetStorage-docpage/ и установить ее вручную.

Русскоязычное описание

https://www.yhunter.ru/portfolio/dev/yamaps/

GitHub проект

https://github.com/yhunter-ru/yamaps

Отзывы

18.07.2019
Экономит кучу времени (по сравнению с конструктором карт яндекса). Очень удобные настройки. Для сайтов по недвижимости или туризму без карт не обойтись. Техподдержка вообще на высоте - получили оперативную помощь в тот же день. Ставлю 5 звезд!
27.03.2019
Отличный, удобный плагин. Пожалуй. буду использовать на большинстве сайтов. + Отдельная благодарность автору плагина! Помог разобраться с проблемой!
Посмотреть все 16 отзывов

Участники и разработчики

«Плагин Яндекс.Карт YaMaps для WordPress» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

«Плагин Яндекс.Карт YaMaps для WordPress» переведён на 1 язык. Благодарим переводчиков за их работу.

Перевести «Плагин Яндекс.Карт YaMaps для WordPress» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

Журнал изменений

0.6.11

  • Исправлено: Поддержка WP 5.3

0.6.10

  • Исправлены ошибки.

0.6.9

  • Исправлены ошибки.

0.6.8

  • Новое: На странице настроек вы можете ввести API-ключ, если есть проблемы с лимитами использования.
  • Исправлено: Одновременное отображение карты в виджете и на странице могло вызывать ошибку.

0.6.7

  • Кнопка «Открыть на большой карте»/«Как добраться» может быть включена в настройках плагина.

0.6.6

  • Убрана кнопка перехода на Яндекс карты.

0.6.5

  • Исправлено: Улучшена совместимость с другими плагинами.

0.6.4

  • Исправлено: В редких случаях проблемы с загрузкой API с произвольными полями.

0.6.3

  • Исправлено: Исправлен конфликт со счетчиком Яндекс.Метрики
  • Новое: Плагин работоспособен в редакторе Elementor

0.6.2

  • Исправлены ошибки.

0.6.1

  • Исправлены ошибки.

0.6

  • Новое: Возможность взаимодействовать с картой из других плагинов и тем. Возможность расширять функциональность плагина. Свяжитесь с автором, если вам нужны дополнительные функции карты на вашем сайте.
  • Рефакторинг кода.
  • Исправлены ошибки.

0.5.11

  • Новое: Перетаскивание карты можно отключить для мобильных устройств.
  • Исправлены ошибки.

0.5.10

  • Исправлены ошибки.

0.5.9

  • Новое: Вы можете использовать собственные иконки. Вставьте ссылку на файл в поле типа иконки (адрес должен содержать «http»).
  • Исправлены ошибки.

0.5.8

  • Новое: Кнопка сброса настроек по умолчанию.
  • Исправлены ошибки.

0.5.7

  • Некорректный элемент управления «111» в настройках блокировал отображение элементов на новой карте.

0.5.6

  • Исправлены ошибки.

0.5.5

  • Исправлены ошибки.

0.5.4

  • Ссылки для помощи добавления элементов управления на странице настроек плагина.
  • Новое: Ссылка на страницу плагина (может быть отключена в настройках).
  • Исправлены ошибки.

0.5.3

  • Новое: Страница настроек плагина по умолчанию
  • Исправлены ошибки.

0.5.2

  • Исправлены ошибки.

0.5.1

  • Новое: Добавлены стили для блока классического редактора в Гутенберге

0.5.0

  • Новое: Визуальное редактирование существующих карт.
  • Новое: Красивый шаблон шорткода в визуальном редакторе TinyMCE с кнопкой редактирования
  • Рефакторинг кода.
  • Исправлены ошибки.

0.4.1

  • Новое: Вкладка «Дополнительно»
  • Новое: Вместо URL-адреса ссылки можно ставить ID записи
  • Новое: Вы можете поместить карту в существующий блок в теме ВордПресс. Если поле заполнено, новый блок карты в содержимом создаваться не будет.

0.4.0

  • Новое: Добавление нескольких меток в визуальном редакторе
  • Изменено: элемент управления «routeEditor» заменен на «routeButtonControl» для удобства построения маршрутов

0.3.4

  • Новое: Поддержка карт в описании товара WooСommerce

0.3.3

  • Исправлены ошибки.

0.3.2

  • Исправлены ошибки.

0.3.1

  • Исправлены ошибки.

0.3.0

  • Исправлено: Способ локализации изменен на стандартный для WordPress

0.2.4

  • Новое: Добавлена опция отключения масштаба колесом мыши

0.2.3

  • Исправлено: Добавление тэга ссылки из визуального редактора

0.2.2

  • Исправлено: Очищаем от html-тэгов внутри шорткода

0.2.1

  • Исправлено: Информация о плагине

0.2

  • Новое: Добавлен выбор иконки
  • Новое: Добавлена возможность добавления ссылок для меток
  • Новое: Добавлен параметр «Высота карты»
  • Исправлено: Автоматически передвигать метку в центр карты после поиска

0.1

  • Первичный релиз