Что умеет
YaMaps вставляет на сайт Яндекс.Карты без знания кода. В редакторе появляется кнопка, открывающая диалог: вы находите нужное место, ставите метки, выбираете значок и цвет, тип карты и масштаб. Результат превращается в шорткод [yamap] с вложенными [yaplacemark], которые можно править и в текстовом виде.
Основные возможности:
- любое число карт на странице и сколько угодно меток на каждой;
- ссылки в метках;
- иконки из набора Яндекса или собственные изображения по адресу;
- тип карты: схема, спутник, гибрид;
- элементы управления: масштаб, поиск, редактор маршрутов, пробки, полноэкранный режим, геолокация;
- отключение масштабирования колесом мыши и перетаскивания на телефонах: это удобно, когда карта мешает прокрутке страницы;
- параметр
containerпозволяет поместить карту в уже существующий блок темы по его ID.
Установка и настройка
Загрузите папку плагина в wp-content/plugins и активируйте. Откройте страницу с контентом, нажмите кнопку карты в визуальном редакторе, найдите адрес и расставьте метки. В блоке «Классический» редактора Gutenberg доступен тот же диалог.
Если нужны поиск по карте и маршруты, получите ключ в кабинете разработчика Яндекса (сервисы «JavaScript API и HTTP Геокодер») и вставьте его на странице настроек плагина.
Подводные камни
В новом редакторе блоков плагин не имеет собственного блока: вставляйте карту через «Классический» блок или вручную добавляйте шорткод в блок «Шорткод».
Вся карта строится по шорткоду, поэтому при отключении плагина на странице останется текст вида [yamap ...]. Если планируете сменить решение, заранее подготовьте замену.
Карта подгружает скрипты Яндекса, а несколько карт на одной странице заметно тяжелее одной. Для мобильных посетителей стоит ограничить число карт на странице и отключить перетаскивание на телефонах.
Не забывайте о требованиях Яндекса к использованию API, особенно для коммерческих проектов и при большом количестве показов: уточняйте актуальные условия в кабинете разработчика.
Кому подойдёт
Сайтам компаний, ресторанов, клиник и магазинов, которым нужна карта с несколькими адресами и аккуратными метками. Для Elementor есть отдельный виджет Maps from Yandex for Elementor, а для статистики посещений пригодится Яндекс Метрика.