Обновление «whatAsoft: Яндекс.карта объектов инфоблока Big Data»

Обновление «whatAsoft: Яндекс.карта объектов инфоблока Big Data»

17 мая 2024


Автор: Компания whatAsoft

Мы разработали и выпустили новую версию решения «Яндекс.карта объектов инфоблока Big Data». В обновлении мы внедрили несколько существенных изменений, направленных на повышение функциональности и удобства использования. В статье расскажем обо всех изменениях и о том, как правильно установить обновление. Итак, к обзору.

Новое название компонента

Для установки актуальной версии необходимо будет подключить новый компонент – «geoobjectsmapbd.map.yandex.ajax.list». Для подключения компонента нужно перейти на страницу, где вы хотите вывести карту или где она уже выводится в старой версии. Далее необходимо включить режим правки и нажать на пункт «Изменить страницу».

Фото 1: «Обновление «whatAsoft: Яндекс.карта объектов инфоблока Big Data»»
Рисунок 1 – Режим изменения страницы

Далее находим новый компонент и переносим его в активную область для отображения на сайте.

Фото 2: «Обновление «whatAsoft: Яндекс.карта объектов инфоблока Big Data»»
Рисунок 2 – Подключение компонента

После подключения карта может не отобразиться на странице, в таком случае нужно обновить компоненты. Для этого в режиме редактирования страницы нужно нажать на стрелку у блока «Компоненты» и нажать «Обновить».


Фото 3: «Обновление «whatAsoft: Яндекс.карта объектов инфоблока Big Data»»
Рисунок 3 – Обновление имеющихся компонентов

Если компонент карты уже был подключен, необходимо заменить его на новую версию, так как старая в следующих обновлениях будет удалена. Далее расскажем подробно о новом функционале, а также о настройке компонента.

Настройка компонента

Для добавления меток необходимо выбрать инфоблок, в котором содержатся объекты для вывода на карте и свойства с их координатами.

Фото 4: «Обновление «whatAsoft: Яндекс.карта объектов инфоблока Big Data»»
Рисунок 4 – Выбор инфоблока для вывода

Свойство с координатами необходимо указать в настройках компонента.

Фото 5: «Обновление «whatAsoft: Яндекс.карта объектов инфоблока Big Data»»
Рисунок 5 – Выбор свойства с координатами точек

Включение jQuery

Для работы карты требуется jQuery. Если он уже подключен на странице, то необходимо убрать галку о его подключении в настройках компонента, если его нет – наоборот включить. Эта настройка сделана из-за того, что на странице нежелательно несколько раз подключать jQuery, так как это может нарушить работу сайта.

Фото 6: «Обновление «whatAsoft: Яндекс.карта объектов инфоблока Big Data»»
Рисунок 6 – Подключение jQuery


Пользовательские иконки

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


Фото 7: «Обновление «whatAsoft: Яндекс.карта объектов инфоблока Big Data»»
Рисунок 7 – Выбор пользовательской иконки



Если вдруг иконка не появляется, необходимо проверить, указано ли в настройках Highload-блока иконок свойство «Размер», найти эти настройки можно здесь:
«Рабочий стол» -> «Контент» -> «Highload-блоки» -> «[GEOOBJECTSMAPBD] Иконки для карты».
Здесь необходимо выбрать нужную иконку и нажать «Изменить», далее проверить свойство «Размер иконки (широта, высота)».


Фото 8: «Обновление «whatAsoft: Яндекс.карта объектов инфоблока Big Data»»
Рисунок 8 – Новые свойства иконок

Если поле не заполнено и сторонние иконки не добавлялись, то можно удалить Highload-блок и переустановить модуль, тогда загрузятся уже готовые иконки. Если же создавались сторонние иконки, то лучше задать их размер вручную.



Умный фильтр

Для работы умного фильтра необходимо вывести его на странице с картой и настроить требуемые свойства для вывода. Далее нам нужно скопировать «Имя выходящего массива для фильтрации».

Фото 9: «Обновление «whatAsoft: Яндекс.карта объектов инфоблока Big Data»»
Рисунок 9 – Имя выходящего массива для фильтрации

Затем «Имя выходящего массива для фильтрации» нужно указать в компоненте карт в поле «Название фильтра».


Фото 10: «Обновление «whatAsoft: Яндекс.карта объектов инфоблока Big Data»»
Рисунок 10 – Связь фильтра с картой

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


Фото 11: «Обновление «whatAsoft: Яндекс.карта объектов инфоблока Big Data»»
Рисунок 11 – Фильтр без перезагрузки страницы

Фильтрация без перезагрузки работает через JavaScript, для этого не нужно включать режим работы через AJAX у умного фильтра. Однако уточняем, что сброс фильтра происходит с перезагрузкой страницы. Для добавления собственного фильтра необходимо использовать методы Яндекс карт, чтобы AJAX работал корректно.