Плагин YaMaps для вставки Яндекс карт в WordPress
В каждом втором WordPress проекте заказчику требовалось иметь возможность вставки карты на страницах сайта. Сторонние решения зачастую не устраивали функционалом или удобством для пользователя, поэтому решено было написать собственный плагин.
Скачать плагин Яндекс.Карт
в репозитории плагинов WordPress.
Основная задача: максимальное удобство и простота интерфейса для конечного пользователя.
Видеоинструкция
Вставка через визуальный редактор
Плагин YaMaps добавляет кнопку в стандартный визуальный редактор TinyMCE:
Карта для вставки настраивается во всплывающем окне редактора:
В визуальном редакторе можно выбирать цвет метки, настроить вид карты и выбрать ее центр:
UPDATE: Для использования с новым редактором Gutenberg вы можете добавить блок с классическим редактором и вставить карту через него. Позднее может быть добавлена нативная поддержка, если большинство пользователей решат перейти на Гутенберг.
ВНИМАНИЕ! Для корректной работы поиска по карте и составления маршрутов Яндекс начал требовать подключать API-ключ (JavaScript API и HTTP Геокодер) на странице настроек плагина. Если вы видите ошибку «Сервер не смог обработать запрос» — причина именно в этом.
В визуальном редакторе возможно настроить отображение всех доступных элементов управление для Яндекс Карт, такие как: управление масштабом, поиск, полноэкранный режим маршруты, пробки, геолокация, типа карты, пробки на дорогах, линейка масштаба.
В итоге мы получаем сгенерированный шорткод в редакторе записи WordPress, который так же при необходимости можно редактировать:
Структура кода: