Yandex MAP API + Mysql

I need to make a tag filter on the map using the Yandex map API. The question is that you need to display data from the database and then use filters to display or hide tags on the map. I brought the tags to the map and added filters, but I don’t understand how to make the tags hide, I ask for help or hints on how to do this. Here is the code for how it works now:

<script> ymaps.ready(function () { var myMap = new ymaps.Map('map', { center: [59.9386300, 30.3141300], zoom: 9, controls: [] }); var arrList = $('#prof_ul li').map(function(){ return $(this).attr('id'); }).get(); var arrList2 = $('#obr_ul li').map(function(){ return $(this).attr('id'); }).get(); var arrList3 = $('#napravlenie_ul li').map(function(){ return $(this).attr('id'); }).get(); // Создадим 5 пунктов выпадающего списка. var listBoxItems = arrList .map(function(title) { return new ymaps.control.ListBoxItem({ data: { content: title }, state: { selected: true } }) }), // Теперь создадим список, содержащий 5 пунктов. listBoxControl = new ymaps.control.ListBox({ data: { content: 'Фильтр по профессиям', title: 'Фильтр по профессиям' }, items: listBoxItems, state: { // Признак, развернут ли список. expanded: true, filters: listBoxItems.reduce(function(filters, filter) { filters[filter.data.get('content')] = filter.isSelected(); return filters; }, {}) } }); myMap.controls.add(listBoxControl); // Создадим 5 пунктов выпадающего списка. var listBoxItems2 = arrList2 .map(function(title) { return new ymaps.control.ListBoxItem({ data: { content: title }, state: { selected: true } }) }), // Теперь создадим список, содержащий 5 пунктов. listBoxControl2 = new ymaps.control.ListBox({ data: { content: 'Фильтр по образовательному учереждению', title: 'Фильтр по образовательному учереждению' }, items: listBoxItems2, state: { // Признак, развернут ли список. expanded: true, filters: listBoxItems2.reduce(function(filters, filter) { filters[filter.data.get('content')] = filter.isSelected(); return filters; }, {}) } }); myMap.controls.add(listBoxControl2); // Создадим 5 пунктов выпадающего списка. var listBoxItems3 = arrList3 .map(function(title) { return new ymaps.control.ListBoxItem({ data: { content: title }, state: { selected: true } }) }), // Теперь создадим список, содержащий 5 пунктов. listBoxControl3 = new ymaps.control.ListBox({ data: { content: 'Фильтр по направлению', title: 'Фильтр по направлению' }, items: listBoxItems3, state: { // Признак, развернут ли список. expanded: true, filters: listBoxItems3.reduce(function(filters, filter) { filters[filter.data.get('content')] = filter.isSelected(); return filters; }, {}) } }); myMap.controls.add(listBoxControl3); // Добавим отслеживание изменения признака, выбран ли пункт списка под номером #3 . listBoxControl3.events.add(['select', 'deselect'], function(e) { var listBoxItem3 = e.get('target'); var filters = ymaps.util.extend({}, listBoxControl3.state.get('filters')); filters[listBoxItem3.data.get('content')] = listBoxItem3.isSelected(); listBoxControl3.state.set('filters', filters); }); var filterMonitor = new ymaps.Monitor(listBoxControl3.state); filterMonitor.add('filters', function(filters) { // Применим фильтр. objectManager.setFilter(getFilterFunction(filters)); }); function getFilterFunction(categories){ return function(obj){ var content = obj.properties.balloonContent; return categories[content] } } $.ajax({ url: "data.json" }).done(function (data) { objectManager.add(data); }); <?php foreach ($maps as $maps) { print ' // Собственное изображение для метки с контентом var placemark'.$maps['id'].' = new ymaps.Placemark('.$maps['cardination'].', { hintContent: "Улица: '.$maps['street'].' <br> Организация : '.$maps['name'].' <br> Категория: '.$maps['category'].'", "balloonContent": "'.$maps['prof'].'", "clusterCaption": "'.$maps['zavedenie'].'", "iconCaption": "'.$maps['naprav'].'", }, { // Опции. // Необходимо указать данный тип макета. iconLayout: "default#image", // Своё изображение иконки метки. iconImageHref: "'.$maps['image'].'", // Размеры метки. iconImageSize: [32, 32], // Смещение левого верхнего угла иконки относительно // её "ножки" (точки привязки). iconImageOffset: [-16, -16], }); myMap.geoObjects.add(placemark'.$maps['id'].'); '; } ?> }); </script> 

The code is taken and adapted from the official page of api yandex, as I understand it, you need to get the json file in this line

 $.ajax({ url: "data.php" }).done(function (data) { objectManager.add(data); }); 

but how do I do this by associating with the base?

The json file format should look like this:

 {"type": "Feature", "id": 0, "geometry": {"type": "Point", "coordinates": [55.831903, 37.411961]}, "properties": {"balloonContent": "Аптека", "clusterCaption": "Аптека", "hintContent": "Аптека", "iconCaption": "Аптека"}, "options": {"preset": "islands#blueCircleDotIconWithCaption"}})]