Интерактивная Яндекс Карта
(Rusnet Interactive Map for Yandex Maps 2.1.9)
Теги: Яндекс.Карты, интерактивная карта, метки, кластеризация, фильтрация, шорткод, кастомные посты, галерея
Стабильная базовая версия
- Требуется WordPress: 6.0 или выше
- Тестировано до: 6.9
- Стабильная версия: 2.1.9
- Тестовая версия: 2.1.9
- Дата обновления: 22.04.2026
- Лицензия: GPLv2 или позже
- Автор: АНО «Руснэт»
Стабильная ПРО версия
- Требуется WordPress: 6.0 или выше
- Тестировано до: 6.9
- Стабильная версия: 1.1.0
- Тестовая версия: —
- Дата обновления: 22.04.2026
- Лицензия: GPLv2 или позже
- Автор: АНО «Руснэт»
Глубокая интеграция с Яндекс.Картами
В отличие от большинства решений, использующих Google Maps, наш плагин работает на базе API Яндекс.Карт. Это гарантирует максимально точные и актуальные данные по России и странам СНГ: адреса, организации, пробки, общественный транспорт. Для базовой работы карты ключ не требуется, а использование локального картографического сервиса упрощает соблюдение законодательства о персональных данных.
Информационная панель с галереей изображений
При клике на метку открывается стильная боковая панель с подробной информацией: название, HTML-описание, ссылка и галерея изображений (можно загрузить несколько фото и листать их через миниатюры). В отличие от стандартных балунов, панель не закрывается при перемещении карты и полностью настраивается под дизайн вашего сайта (PRO-версия).
Умная фильтрация меток по категориям
Над картой автоматически появляются кнопки категорий, позволяющие посетителям мгновенно отфильтровать нужные объекты – например, показать только банкоматы или только офисы продаж. Фильтр работает без перезагрузки страницы и полностью совместим с кластеризацией, сохраняя удобство навигации даже при десятках меток.
Управление метками через отдельный тип записей
Каждая метка является полноценной записью WordPress. Это даёт невероятную гибкость: вы можете быстро включать/отключать отображение меток из общего списка, присваивать им категории (таксономии) с индивидуальными цветами и иконками, а также легко экспортировать/импортировать все данные через стандартные инструменты. Метки легко интегрируются в любые темы и конструкторы страниц.
Rusnet Interactive Map — это мощный и гибкий плагин для WordPress, который добавляет на ваш сайт интерактивные карты от Яндекса. С его помощью вы можете создавать карты с произвольным набором меток, группировать их в кластеры, фильтровать по категориям и выводить подробную информацию о каждом объекте в удобной боковой панели. Плагин идеально подходит для сайтов компаний с несколькими офисами, каталогов организаций, туристических порталов, карт достопримечательностей и любых других проектов, где требуется визуализация объектов на карте.
Настройки плагина Интерактивной карты
- Общие (General) - основные параметры карты, API-ключ, сброс настроек.
- Кластеризация (Clustering) - включение кластеризации, размер сетки, цвет кластера.
- Инфо панель (Info Panel) - внешний вид и поведение боковой панели.
- Фильтр категорий (Category Filter) - стилизация кнопок фильтра категорий.
- Маркеры (Markers) - глобальные параметры иконок и цвета, управление набором иконок.
- О плагине (Info) - информация о плагине, ссылки на поддержку.
Установка плагина Rusnet Interactive Map
- 1. Загрузите папку плагина в /wp-content/plugins/ или установите через меню «Плагины» → «Добавить новый», загрузив архив.
- 2. Активируйте плагин в разделе «Плагины».
- 3. Перейдите в Rusnet Map и введите ваш API-ключ (если требуется поиск на карте).
- 4. Настройте остальные параметры по желанию.
- 5. Создайте несколько маркеров в меню Маркеры.
- 6. Вставьте шорткод [rusnetim_map markers="all"] в любую запись или страницу.
Основные возможности плагина Rusnet Interactive Map
1. Управление метками через произвольный тип записи
- Координаты - широта, долгота.
- Название - заголовок маркера.
- Описание – стандартный редактор WordPress — поддерживается HTML.
- Иконка и цвет – можно выбрать стандартный пресет Яндекса, свою иконку из медиабиблиотеки или иконку из пользовательского набора.
- Галерея изображений – загружайте несколько фото для каждого маркера, они будут отображаться в информационной панели.
- Категория – таксономия «Категории маркеров».
- Видимость – возможность временно скрыть маркер без удаления.
2. Категории меток
Метки можно группировать в иерархические категории (таксономия marker_category). Для каждой категории можно задать:
- Иконку - пресет, собственная иконка или иконка из набора.
- Цвет.
- Размеры иконки – ширина/высота в пикселях.
При создании метки, если у неё не указаны иконка или цвет, они наследуются от выбранной категории или из глобальных настроек.
3. Гибкие настройки карты
В разделе «Rusnet Map» административной панели вы можете задать параметры по умолчанию:
- Центр карты -координаты.
- Масштаб.
- Тип карты –схема, спутник, гибрид.
- Высота карты – в любых CSS-единицах: px, rem, em, vh.
- Элементы управления – зум, тип карты, поиск, маршруты, линейка, пробки, полноэкранный режим, геолокация.
- Включение/отключение масштабирования колесом мыши и перетаскивания на мобильных/десктоп.
- Кластеризация – включение, размер сетки кластера, цвет кластера.
- Информационная панель – сторона появления (слева/справа), ширина, положение заголовка (над/под галереей), HTML-тег заголовка, размер и цвет шрифта заголовка, цвет фона панели.
- Оформление кнопок фильтра категорий – выравнивание, HTML-тег, размер шрифта, цвета, границы, тени, отступы, радиус скругления, а также отдельные стили для активной кнопки.
- Глобальные параметры маркеров – пресет иконки, цвет по умолчанию, собственная иконка и её размеры.
- Набор пользовательских иконок – возможность загрузить несколько своих иконок и обращаться к ним по слагам (например, myset:rusnet).
4. Информационная панель
При клике на маркер или на элемент списка кластера справа (или слева) выезжает панель с подробной информацией:
- Название метки – задать HTML-тег и стиль.
- Галерея изображений (если выбрано несколько фото) – поддерживается переключение миниатюр.
- Описание – поддерживается HTML.
Если метка входит в кластер, при клике на кластер сначала показывается список входящих в него меток, а затем по клику на элемент списка — подробная информация.
5. Кластеризация
При большом количестве маркеров на небольшой территории или здании они автоматически группируются в кластеры (включить, выключить можно в настройках). Цвет кластера и размер сетки настраиваются. При клике на кластер открывается список маркеров внутри него.
6. Безопасность и производительность
- Все данные проверяются и очищаются перед сохранением.
- Скрипты подключаются только там, где есть шорткод карты.
- Используются современные методы кэширования и оптимизации.
Шорткоды и их параметры плагина Rusnet Interactive Map
[rusnetim_map] — вывод карты
Базовый синтаксис:
2
3
[rusnetim_map атрибуты]
[rusnetim_marker ...] <!-- (необязательно, если метки берутся из базы) -->
[/rusnetim_map]
Основные атрибуты:
| Атрибут | По умолчанию | Описание |
|---|---|---|
center |
из настроек | Координаты центра карты в формате широта,долгота (например, 55.7558,37.6173). |
zoom |
из настроек | Уровень масштабирования (от 0 до 21). |
type |
map |
Тип карты: map (схема), satellite (спутник), hybrid (гибрид). |
height |
из настроек | Высота блока карты (например, 400px, 30rem, 50vh). |
controls |
из настроек | Список элементов управления через точку с запятой. Доступные: typeSelector, zoomControl, searchControl, routeButtonControl, rulerControl, trafficControl, fullscreenControl, geolocationControl и др. |
scrollzoom |
из настроек | Включить масштабирование колесом мыши: 1 (да) или 0 (нет). |
mobiledrag |
из настроек | Включить перетаскивание на мобильных: 1 или 0. |
cluster |
из настроек | Включить кластеризацию: 1 или 0. |
clustergrid |
из настроек | Размер сетки кластера в пикселях (2, 4, 8, 16, 32, 64, 128, 256). |
clustercolor |
из настроек | Цвет кластера (HEX, например, #1e98ff). |
markers |
— | Если установлено в all, загружаются все опубликованные и видимые метки из базы. |
category |
— | Слаг категории (или несколько через запятую). Загружаются только метки указанных категорий. |
marker_id |
— | ID конкретной метки из базы. Выводит карту только с этой меткой. |
infowidth |
из настроек | Ширина информационной панели (например, 300px, 50%). |
infoside |
из настроек | Сторона появления панели: right или left. |
titleposition |
из настроек | Положение заголовка относительно галереи: above (над) или below (под). |
title_tag |
из настроек | HTML-тег для заголовка (h1–h6, div, span, p). |
title_font_size |
из настроек | Размер шрифта заголовка (например, 18px, 1.2rem). |
title_color |
из настроек | Цвет заголовка (HEX). |
infobgcolor |
из настроек | Цвет фона информационной панели (HEX). |
container |
— | ID существующего HTML-элемента на странице, в который будет помещена карта. Если не указан, плагин создаёт свой контейнер. |
[rusnetim_marker] — добавление метки внутри карты
Используется только внутри [rusnetim_map]. Атрибуты соответствуют полям метки:
| Атрибут | Описание |
|---|---|
id |
ID существующей метки из базы (загружает все данные из неё). |
coord |
Координаты метки (обязательно, если не указан id). |
name |
Название метки. |
color |
Цвет иконки (HEX). |
url |
Ссылка или ID записи. |
icon |
Иконка: стандартный пресет (например, islands#dotIcon), myset:slug (из набора) или URL изображения. |
category |
Слаг категории. |
image |
URL основного изображения (устарело, рекомендуется использовать gallery). |
description |
Текст описания (HTML разрешён). |
gallery |
JSON-массив URL изображений (или закодированный в base64). Обычно не требуется задавать вручную, используется медиаменеджером. |
Для централизации карты используйте атрибут. Нужно для отдельных карт или нескольких на странице. Центр карты берется из настроек.
Пример простейшей карты с одной меткой:
Примечание: Если внутри [rusnetim_map] нет ни одного [rusnetim_marker], но указаны атрибуты markers="all", category или marker_id, метки будут автоматически загружены из базы данных.
Примеры использования
1. Простейшая карта со всеми метками
[rusnetim_map markers="all"]
Выведет карту с глобальными настройками и всеми опубликованными метками.
Ниже приведены примеры вывода информационной панели разных типов.
2. Карта с метками определённой категории и своими размерами
[rusnetim_map category="administracziya" height="500px" cluster="1"]
Карта высотой 500px, показывающая только метки категории «administracziya» с включённой кластеризацией.
3. Карта с одной меткой по ID
[rusnetim_map marker_id="123"]
Полезно, если нужно показать один объект на всю страницу. Шорткод формируется автоматически после создания маркера.
Интеграция с медиабиблиотекой и набором иконок
Добавление собственных иконок
- 1. Перейдите в Rusnet Map→ Маркеры → Набор иконок.
- 2. Введите уникальный слаг (латиница, цифры, дефис) и нажмите «Загрузить иконку».
- 3. Выберите изображение из медиабиблиотеки.
- 4. Иконка появится в таблице. Её можно использовать в поле «Иконка» метки или категории как myset:слаг.
Исправления - модификациии плагина
Бесплатная версия
= 2.1.9 =
- 1. Исправлена проблема с мобильной информационной панелью: при открытии маркера с левой стороны панель больше не смещается вправо и не выходит за пределы экрана.
- 2. Устранено «торчание» информационной панели после закрытия на мобильных устройствах – теперь классы `left-side` и `right-side` гарантированно удаляются, а inline-стили сбрасываются.
- 3. Улучшена анимация выезда панели: корректно применяется transform с учётом выбранной стороны.
- 4. Оптимизирована обработка события `resize` при смене ориентации экрана.
= 2.1.8 =
- 1. Добавлен Русский перевод
= 2.1.7 =
- 1. Чистка кода: удалены отладочные console.log и избыточные HTML-комментарии.
- 2. Полная интернационализация: все строки теперь переводимы. Плагин готов к переводу.
= 2.1.6 =
- 1. Исправлена фильтрация маркеров в выпадающем списке категорий (dropdown): теперь корректно отображаются маркеры выбранной категории, включая дочерние категории при выборе родительской (добавлена поддержка иерархии, аналогично кнопочному фильтру).
- 2. Устранена ошибка ReferenceError: cat is not defined, возникавшая при использовании dropdown-фильтра.
- 3. Улучшена логика приведения категорий к нижнему регистру для исключения ошибок из-за регистра символов.
- 4. Улучшена обработка событий для dropdown-фильтра – используется делегирование, что гарантирует срабатывание даже при динамическом создании элементов, фильтрация выполняется напрямую, без зависимости от кнопочных фильтров.
- 5. Обеспечена совместимость с кастомными библиотеками select (например, Nice Select): устранён конфликт, блокировавший событие change; добавлена синхронизация значения скрытого select с визуальным компонентом; добавлены CSS-правила для скрытия обёртки сторонней библиотеки и принудительного отображения родного <select> с уникальным классом и инлайновыми стилями.
- 6. Улучшено центрирование карты после смены категории: карта автоматически и плавно перемещается, чтобы показать все маркеры выбранной категории. Реализовано умное центрирование: если выбран один маркер, карта центрируется на нём без изменения масштаба; если несколько – карта масштабируется и перемещается так, чтобы все маркеры были видны с небольшим отступом.
- 7. Добавлены настройки заголовка списка кластера: глобальный заголовок и заголовок для каждой категории (если кластер содержит маркеры только одной категории, используется её заголовок вместо глобального).
- 8. Улучшена информационная панель на мобильных устройствах: теперь открывается на весь экран с анимацией выезда с выбранной стороны (справа/слева) и затемняющим фоном для закрытия по клику вне панели. На десктопе поведение не изменилось – панель остаётся рядом с картой. Добавлено автоматическое переключение режимов при изменении ширины экрана (≤ 767px).
= 2.1.5 =
- 1. Обновлена вкладка «Информация» в настройках плагина: добавлено подробное описание функций, требований, настроек, шорткодов с атрибутами и список изменений.
- 2. Добавлен иерархический стиль фильтра: кнопки сгруппированы по родительским категориям для удобства использования.
- 3. Улучшены настройки фильтра категорий: добавлена новая опция «Выподающий список (раскрывающийся список)».
- 4. Улучшены настройки фильтра категорий: добавлена новая опция «Иерархический (сгруппированные кнопки)».
- 5. Добавлены новые атрибуты
= 2.1.4 =
- 1. Исправлено: отображение изображений в lightbox – картинки больше не обрезаются, правильно масштабируются с сохранением пропорций.
- 2. Улучшено: синхронизация активного эскиза в галерее – теперь при переключении изображений стрелками в лайтбоксе соответствующий thumb подсвечивается.
- 3. Исправлено: возможное дублирование обработчиков кликов на эскизах галереи, что могло приводить к некорректной работе.
- 4. Исправлено форматирование описания маркера – теперь в информационной панели корректно отображаются абзацы, переносы строк и шорткоды.
- 5. Добавлено: Глобальные настройки отступов информационной панели – теперь можно задавать отступы сверху, справа, снизу и слева отдельно.
- 6. Добавлено: Глобальные настройки скругления углов информационной панели – каждый угол (верхний левый, верхний правый, нижний правый, нижний левый) настраивается индивидуально.
- 7. Улучшено: Стилизация информационной панели – более гибкое управление внешним видом без необходимости писать CSS.
- 8. Исправлено: Незначительные проблемы совместимости с последней версией WordPress.
- 9. Исправлена совместимость со сторонними плагинами.
= 2.1.3 =
- 1. Улучшено поведение информационной панели: теперь она открывается рядом с картой (flex-контейнер), а не накладывается сверху. Карта сохраняет минимальную ширину и не сжимается слишком сильно.
- 2. Исправлено центрирование карты: при клике на маркер карта корректно центрируется на нём после появления панели.
- 3. Улучшен пользовательский опыт: более плавное изменение размеров и работа с панелью.
- 4. Исправлена ошибка "Undefined variable $wrapper_id", возникавшая при создании карт в некоторых случаях.
- 5. Полноэкранный режим теперь работает вместе с информационной панелью: кнопка переводит в полноэкранный режим общий контейнер (карта + панель), поэтому панель остаётся видимой.
- 6. Улучшен дизайн кнопки полноэкранного режима: добавлены стили для лучшей заметности и единообразия с элементами управления.
- 7. Улучшена структура кода: все статические стили вынесены в отдельные CSS-файлы для повышения производительности и удобства настройки.
= 2.1.2 =
- 1. Исправлена критическая ошибка, вызывавшая бесконечную загрузку страницы при создании или редактировании категорий маркеров. Проблема была вызвана рекурсивными вызовами хуков в шаблонах полей таксономии, что приводило к дублированию полей и зависанию браузера.
= 2.1.1 =
- 1. Фотография(и) в информационной панели теперь кликабельна(ы).
- 2. Исправлено отображение фильтра: фильтр скрывается, когда отображается только один маркер или определенная категория.
- 3. Добавлена кнопка закрытия для закрытия информационной панели.
- 4. Реализовано перетаскивание информационной панели мышью на десктопе.
- 5. Реализована функция поиска в настройках: поиск адреса автоматически устанавливает координаты маркера и центрирует карту (Нужен яндекс-API).
- 6. Реализовано перетаскивание маркера в настройках: маркер можно перетащить на новую позицию, координаты сохраняются, карта центрируется.
- 7. Добавлены хуки в настройки карты (для разработчиков).
Pro версия
= 1.1.0 =
- 1. Добавлена возможность переопределять кастомные поля формы уведомлений для каждого маркера. Теперь можно отключать любое глобальное поле, а также изменять его label и placeholder непосредственно в настройках маркера.
- 2. Каждый маркер может отправлять уведомления на указанный Email в настройках маркера.
- 3. Реализорвана полноценная система обратной связи/заявки в самом маркере.
= 1.0.9 =
- 1. Добавлена глобальная настройка текста кнопки отправки формы.
- 2. Для каждого маркера можно переопределить текст кнопки отправки.
- 3. Добавлена валидация полей email и телефона на клиенте и сервере.
- 4. Улучшены стили формы и сообщения об ошибках.
- 5. Административный интерфейс управления полями добавлен на вкладку Уведомления.
- 6. Добавлена возможность создавать произвольные поля в форме (текст, email, тел., textarea, select (выпадающий список)) — глобально в настройках.
- 7. Текст кнопки формы можно переопределить для каждого маркера.
= 1.0.8 =
- 1. Добавлена полностью настраиваемая кнопка уведомления в информационной панели маркеров.
- 2. Глобальные настройки: текст кнопки, позиция (над/под описанием), выравнивание (слева, по центру, справа, на всю ширину), ширина, отступы, размер и цвет шрифта, цвет фона, цвет фона при наведении, граница, радиус скругления.
- 3. Индивидуальные настройки для каждого маркера: можно переопределить текст, позицию, выравнивание и все стили кнопки.
- 4. Исправлена ошибка, из-за которой стили кнопки не применялись на фронте. Улучшена передача данных из PHP в JavaScript.
- 5. **Система уведомлений:** добавлена настройка скорости анимации (глобально и для каждого маркера). Теперь можно задать длительность эффекта от 100 до 1000 мс.
- 6. **Система уведомлений:** добавлены новые эффекты анимации для inline-режима: `fade` (затухание) и `slide` (сдвиг). Эффект `flip` (3D-переворот) сохранён как стандартный.
- 7. **Система уведомлений:** исправлена работа popup-уведомлений – теперь они корректно открываются в отдельном модальном окне с заданными стилями.
- 8. **Система уведомлений:** исправлена анимация закрытия в модальном окне – теперь при закрытии используется тот же эффект, что и при открытии (ранее всегда применялся `flip`).
- 9. **Интерфейс:** в редакторе маркера добавлены поля выбора эффекта и скорости анимации уведомления.
- 10. **Настройки:** на вкладке Notification добавлены выпадающий список для выбора эффекта анимации и поле ввода для скорости анимации.
= 1.0.7 =
- 1. Полный рефакторинг кода: новая архитектура.
- 2. Улучшена читаемость и поддерживаемость кода.
- 3. Сохранена полная обратная совместимость.
- 4. Настройки маркера (инфопанель, рейтинг, стили) сгруппированы в сворачиваемые секции – интерфейс стал компактнее.
= 1.0.6 =
- 1. Добавлена гибкая настройка позиции блока рейтинга. Теперь можно выбрать: над галереей, под галереей или в самом низу (после описания). Работает как в боковой панели, так и в модальном окне. Глобальная настройка на вкладке Rating + индивидуальное переопределение для каждого маркера.
- 2. Улучшена логика вставки рейтинга с учётом положения заголовка (над/под галереей). Все элементы располагаются в правильном порядке.
- 3. Исправлена проблема с сохранением настроек позиции рейтинга.
- 4. Добавлена полная поддержка модального окна для новой логики рейтинга.
- 5. Добавлена глобальная настройка выравнивания блока рейтинга: по левому краю, по центру, по правому краю, во всю ширину.
- 6. Добавлена возможность переопределять выравнивание рейтинга индивидуально для каждого маркера (вкладка "Рейтинг" при редактировании маркера).
- 7. Исправлена ошибка, из-за которой индивидуальные настройки позиции и выравнивания рейтинга не применялись при первой загрузке через AJAX.
- 8. Добавлены настройки стилей рейтинга (ширина, фон, границы, отступы, цвет/размер звёзд и текста) – глобально и для каждого маркера.
= 1.0.5 =
- 1. Добавлено: Система рейтинга маркеров. Посетители могут оценивать маркеры по 5-звёздочной шкале (один голос с устройства).
- 2. В настройках плагина (вкладка Markers) добавлена глобальная опция включения рейтинга.
- 3. При редактировании маркера появилась секция "Настройки рейтинга", где можно отключить рейтинг для конкретного маркера.
- 4. На фронте блок рейтинга отображается в информационной панели (как в боковой панели, так и в модальном окне) под изображением/галереей, перед описанием.
- 5. Голосование ограничено куками (одна оценка с одного устройства). При клике на звёзды отправляется AJAX-запрос, после чего рейтинг обновляется без перезагрузки страницы.
- 6. Рейтинг полностью интегрирован с существующей системой информационных панелей и модальных окон.
= 1.0.4 =
- 1. Добавлено: Индивидуальные настройки отступов информационной панели для каждого маркера – теперь можно переопределять глобальные значения отступов (сверху, справа, снизу, слева) для конкретного маркера.
- 2. Добавлено: Индивидуальные настройки скругления углов информационной панели для каждого маркера – каждый угол (верхний левый, верхний правый, нижний правый, нижний левый) настраивается отдельно для маркера.
- 3. Улучшено: Экран редактирования маркера теперь включает элементы управления внешним видом информационной панели.
- 4. Исправлено: Небольшие ошибки и улучшена стабильность.
- 5. Исправлено: При открытии модального окна с информацией о маркере и последующем нажатии на изображение, картинка теперь открывается в собственном лайтбоксе поверх карты, даже если карта находится в полноэкранном режиме.
- 6. Улучшено: Добавлена защита от конфликтов со сторонними лайтбоксами (например, Elementor) – клик по изображению теперь всегда вызывает встроенный лайтбокс плагина.
- 7. Исправлены стили для корректного отображения лайтбокса с высоким z-index, гарантирующим отображение поверх любых элементов.
- 8. Исправлено: лицензия больше не слетает после обновления страницы. Локальная проверка целостности файлов теперь выполняется только раз в сутки (по расписанию), а не при каждом запросе в админке. Добавлена автоматическая перезапись хешей при обновлении плагина.
- 9. Исправлено: модальное окно теперь всегда корректно позиционируется относительно body, что гарантирует применение всех стилей.
- 10. Исправлено: поле описания в модальном окне теперь корректно отображает HTML‑контент (поддержка визуального редактора), вместо вывода как обычный текст.
- 11. Добавлено: Перевод на Русский язык ru_RU.
= 1.0.3 =
- 1. Баг фикс отображение модального окна.
= 1.0.2 =
- 1. Исправлено отображение модального окна поверх карты, если карта открыта во весь экран (развернута).
- 2. Добавлена интерактивная карта с поиском на странице редактирования маркера – координаты можно задать перетаскиванием метки или поиском адреса. Значение автоматически подставляется в поле координат.
= 1.0.1 =
- 1. Добавлено модальное окно для информационной панели.
- 2. Добавлен собственный набор иконок (My Icon Set).
= 1.0.0 =
- 1. Первый выпуск Pro‑версии.
- 2. Добавлена возможность отключения ссылки на автора.
- 3. Реализована система лицензирования.