Как в Яндекс Карте скрыть/показать гео-объекты?

Question

[nurzhannogerbek]

Здравствуйте, товарищи! Помогите пожалуйста разобраться.

У меня есть задача скрыть/показать маркеры или полигоны при нажатии на определенных checkbox-ов. Не могу понять как в Яндекс Карте скрыть/показать гео-объекты. Я попробовал объединить маркеры в одну коллекцию, полигоны в другую коллекцию. Далее уже использовал следующий код (см. ниже), но ничего не получилось:

markerCollection.options.set('visible', false);
polygonCollection.options.set('visible', false);

Comments

[freeExec]

Должно работать, проверяйте ваш код.

Answer 1

[Илья]

Делал такую штуку недавно: выводил по чекбоксам объекты на карту в зависимости от типа объекта (заправка, школа, магазин и т.п.).
Нашел у себя вот такой код:
myPlacemark.options.set("visible", false)
Так что все правильно Вы делаете. Даже не обязательно в коллекции собирать.
Поищите ошибку в коде вызова метода. Возможно, не обрабатывается событие изменения checkbox.

Answer 2

[Александр]

В вашем коде негде не указывается что коллекция добавлена на карту. Наверно нужно добавлять маркеры в коллекцию а потом добавлять коллекцию на карту - как в примере https://tech.yandex.ru/maps/doc/jsapi/2.1/ref/refe...

Comments

[nurzhannogerbek]

Здравствуйте, Александр!

Могли бы привести пример? Добавить гео-объекты я знаю как, как удалить лишь определенные не совсем понятно для меня.

Например так можно очистить всю карту:

this.map.geoObjects.removeAll();

[Александр]

код надо сразу показать - теперь понятно почему у вас не работало. Неверный код. Кто должен коллекцию на карту добавить? Смотрите пример и делайте по аналогии.

[nurzhannogerbek]

Александр, Я сейчас тестирую. При клике на определенную кнопку я пытаюсь скрыть коллекцию.

Появляется ошибка:

Error in event handler for "setVisibilityValue": "TypeError: Cannot read property 'options' of undefined"

<template>
    <Child @setVisibilityValue="setVisibilityValue"/>
</template>

data() {
    return {
        markerCollectionVisibility: true,
    }
},
mount(): {
    firstCallToPage();
}.
methods: {
    firstCallToPage() {
        axios.all([
            axios.get(URL)
        ]).then(axios.spread(function (markers){
            // Создаем коллекцию для маркеров
           let markerCollection = new ymaps.GeoObjectCollection();
    
           for (let item = 0; item < markers.data.length; item++) {
                // Создаем маркеры.
               let placemark= new ymaps.Placemark(markers[item]["coordinates"]);

               // Добавить маркер в коллекцию
              markerCollection.add(placemark);
           }

           // Добавить коллекцию на карту
           self.map.geoObjects.add(markerCollection);
        }
    },
    setVisibilityValue(value) {
            console.log("Значение: " + value); // Возвращает false
            this.markerCollectionVisibility = value;
            self.markerCollection.options.set('visible', this.markerCollectionVisibility);
    },
}

[Александр]

Оно и правильно, обращение к переменной вне области видимости.
"let " поменять на "self."