Как проверить вхождение метки в полигоны?

Question

[nurzhannogerbek]

Есть коллекция (GeoObjectCollection) в которой хранятся полигоны (Polygon). Пытаюсь проверить вхождение метки (Placemark) в полигон. Как это правильно сделать в моем конкретном случаи?

В документации нашел метод each, который должен был перебирать все элементы коллекции. Ниже стоящий код не работает. Что я делаю не так?

self.polygonCollection.each(function (polygon) {
    if(polygon.contains(res.geometry.getCoordinates())) {
        console.log("Метка входит в полигон.")
    }
});

Comments

[freeExec]

Так что у вас метод each не работает?

[nurzhannogerbek]

freeExec, да, почему-то не работает. Пишу получается Vue.js приложение. Полный код выглядит следующим образом:

// Пользователь делает поиск в элементе "SearchControl"
self.searchControl.events.add('resultselect', function(e) {
    const index = e.get('index');

    self.searchControl.getResult(index).then(function(res) {
    
        // Создаем метку
        self.searchPlacemark = new ymaps.Placemark(
            res.geometry.getCoordinates(),
            {
                hintContent: res.geometry.getCoordinates(),
            }, {
                preset: 'islands#blueStarIcon',
                iconColor: '#ff411a',
            }
        );

       // Добавляем метку на карту
       self.map.geoObjects.add(self.searchPlacemark);

       // Проверяем вхождение метки в первую коллекцию
       self.firstPolygonCollection.each(function(polygon) {
           console.log("Проход по первой коллекции.")
           if(polygon.contains(res.geometry.getCoordinates())) {
                console.log("Метка входит в полигон c типом A.")
            }
        });

       // Проверяем вхождение метки во вторую коллекцию
       self.secondPolygonCollection.each(function(polygon) {
           console.log("Проход по второй коллекции.")
           if(polygon.contains(res.geometry.getCoordinates())) {
                console.log("Метка входит в полигон c типом B.")
            }
        });

       // Проверяем вхождение метки в третью коллекцию
       self.thirdPolygonCollection.each(function(polygon) {
           console.log("Проход по третей коллекции.")
           if(polygon.contains(res.geometry.getCoordinates())) {
                console.log("Метка входит в полигон c типом C.")
            }
        });

    });
});

В консоль выводится сообщение что был проход по первой коллекции, но сообщение выводится лишь один раз. Нету количество выводов рядом с данным сообщением, из чего можно сделать вывод что сообщение выводится один раз. По другим двум коллекциям вообще не выводится сообщение. Что делаю не так, подскажите пожалуйста?

[nurzhannogerbek]

Просто проверил, есть ли проход по коллекции. Он есть, перебор коллекции работает. Значит проблема в проверке вхождения метки в полигон.

self.firstPolygonCollection.each(function(polygon) {
    console.log(polygon)
});

[nurzhannogerbek]

Проблему уже нашел. Получается у объекта polygon нужно вызвать свойство geometry, а уж затем метод contains вызвать.

Answer 1

[nurzhannogerbek]

Проблему нашел. Правильный код выглядит следующим образом:

self.polygonCollection.each(function(polygon) {
    if (polygon.geometry.contains(res.geometry.getCoordinates())) {
        console.log("Метка входит в полигон.")
    }
 });

Answer 2

[Артур Мустафин]

Попробуйте отказаться от jQuery и перейти к forEach:

self.polygonCollection.forEach(function(polygon, i, arr) {
  if(polygon.contains(res.geometry.getCoordinates())) {
        console.log("Метка входит в полигон.")
    }
});

В jQuery:

$.each(self.polygonCollection, function (key, polygon) {
    if(polygon.contains(res.geometry.getCoordinates())) {
        console.log("Метка входит в полигон.")
    }
});

А еще лучше совсем отказаться от таких общеупотребительных названий переменных, как polygon, используйте нечто более компактное либо уникальное

Comments

[nurzhannogerbek]

Здравствуйте, Артур! На самом деле я пробовал forEach, но никакого эффекта от этого не было. JQuery я не использую. Пишу приложение на Vue.js. Вот полный код, который я использовал. Можете взглянуть на него пожалуйста?!

// Пользователь делает поиск в элементе "SearchControl"
self.searchControl.events.add('resultselect', function(e) {
    const index = e.get('index');

    self.searchControl.getResult(index).then(function(res) {
    
        // Создаем метку
        self.searchPlacemark = new ymaps.Placemark(
            res.geometry.getCoordinates(),
            {
                hintContent: res.geometry.getCoordinates(),
            }, {
                preset: 'islands#blueStarIcon',
                iconColor: '#ff411a',
            }
        );

       // Добавляем метку на карту
       self.map.geoObjects.add(self.searchPlacemark);

       // Проверяем вхождение метки в первую коллекцию
       self.firstPolygonCollection.each(function(polygon) {
           console.log("Проход по первой коллекции.")
           if(polygon.contains(res.geometry.getCoordinates())) {
                console.log("Метка входит в полигон c типом A.")
            }
        });

       // Проверяем вхождение метки во вторую коллекцию
       self.secondPolygonCollection.each(function(polygon) {
           console.log("Проход по второй коллекции.")
           if(polygon.contains(res.geometry.getCoordinates())) {
                console.log("Метка входит в полигон c типом B.")
            }
        });

       // Проверяем вхождение метки в третью коллекцию
       self.thirdPolygonCollection.each(function(polygon) {
           console.log("Проход по третей коллекции.")
           if(polygon.contains(res.geometry.getCoordinates())) {
                console.log("Метка входит в полигон c типом C.")
            }
        });

    });
});

Происходит странный эффект. В консоль выводится сообщение, что был проход по первой коллекции, но сообщение выводится лишь один раз. Нету количество выводов рядом с данным сообщением, из чего можно сделать вывод что сообщение выводится один раз. По другим двум коллекциям вообще не выводится сообщение. Что делаю не так, подскажите пожалуйста?

[nurzhannogerbek]

Просто проверил, есть ли проход по коллекции. Он есть, перебор коллекции работает. Значит проблема в проверке вхождения метки в полигон.

self.firstPolygonCollection.each(function(polygon) {
    console.log(polygon)
});

[nurzhannogerbek]

Проблему уже нашел. Получается у объекта polygon нужно вызвать свойство geometry, а уж затем метод contains вызвать.