Клуб API Карт

Определить, попадает ли точка в заданную область polygon?

afimax
1 сентября 2013, 21:01

Добрый вечер! Вопрос следующий. Надо определить, попадает ли выбранная точка на карте (по клику) в заданую область (кольцо). Область задана координатами каждого километра в массиве следующим образом.

 

var mkad_km = [
[1,37.842762,55.774558],
[2,37.842789,55.76522],
[3,37.842627,55.755723],
[4,37.841828,55.747399],
[5,37.841217,55.739103],
[6,37.840175,55.730482],
[7,37.83916,55.721939],
[8,37.837121,55.712203],
[9,37.83262,55.703048],
[10,37.829512,55.694287],
[11,37.831353,55.68529],
[12,37.834605,55.675945],
[13,37.837597,55.667752],
[14,37.839348,55.658667],
[15,37.833842,55.650053],
[16,37.824787,55.643713],
[17,37.814564,55.637347],
[18,37.802473,55.62913],
[19,37.794235,55.623758],
[20,37.781928,55.617713],
[21,37.771139,55.611755],
[22,37.758725,55.604956],
[23,37.747945,55.599677],
[24,37.734785,55.594143],
[25,37.723062,55.589234],
[26,37.709425,55.583983],
[27,37.696256,55.578834],
[28,37.683167,55.574019],
[29,37.668911,55.571999],
[30,37.647765,55.573093],
[31,37.633419,55.573928],
[32,37.616719,55.574732],
[33,37.60107,55.575816],
[34,37.586536,55.5778],
[35,37.571938,55.581271],
[36,37.555732,55.585143],
[37,37.545132,55.587509],
[38,37.526366,55.5922],
[39,37.516108,55.594728],
[40,37.502274,55.60249],
[41,37.49391,55.609685],
[42,37.484846,55.617424],
[43,37.474668,55.625801],
[44,37.469925,55.630207],
[45,37.456864,55.641041],
[46,37.448195,55.648794],
[47,37.441125,55.654675],
[48,37.434424,55.660424],
[49,37.42598,55.670701],
[50,37.418712,55.67994],
[51,37.414868,55.686873],
[52,37.407528,55.695697],
[53,37.397952,55.702805],
[54,37.388969,55.709657],
[55,37.383283,55.718273],
[56,37.378369,55.728581],
[57,37.374991,55.735201],
[58,37.370248,55.744789],
[59,37.369188,55.75435],
[60,37.369053,55.762936],
[61,37.369619,55.771444],
[62,37.369853,55.779722],
[63,37.372943,55.789542],
[64,37.379824,55.79723],
[65,37.386876,55.805796],
[66,37.390397,55.814629],
[67,37.393236,55.823606],
[68,37.395275,55.83251],
[69,37.394709,55.840376],
[70,37.393056,55.850141],
[71,37.397314,55.858801],
[72,37.405588,55.867051],
[73,37.416601,55.872703],
[74,37.429429,55.877041],
[75,37.443596,55.881091],
[76,37.459065,55.882828],
[77,37.473096,55.884625],
[78,37.48861,55.888897],
[79,37.5016,55.894232],
[80,37.513206,55.899578],
[81,37.527597,55.90526],
[82,37.543443,55.907687],
[83,37.559577,55.909388],
[84,37.575531,55.910907],
[85,37.590344,55.909257],
[86,37.604637,55.905472],
[87,37.619603,55.901637],
[88,37.635961,55.898533],
[89,37.647648,55.896973],
[90,37.667878,55.895449],
[91,37.681721,55.894868],
[92,37.698807,55.893884],
[93,37.712363,55.889094],
[94,37.723636,55.883555],
[95,37.735791,55.877501],
[96,37.741261,55.874698],
[97,37.764519,55.862464],
[98,37.765992,55.861979],
[99,37.788216,55.850257],
[100,37.788522,55.850383],
[101,37.800586,55.844167],
[102,37.822819,55.832707],
[103,37.829754,55.828789],
[104,37.837148,55.821072],
[105,37.838926,55.811599],
[106,37.840004,55.802781],
[107,37.840965,55.793991],
[108,37.841576,55.785017]
];

 

  

// Создаю полигон области (область МКАД) по заданным координатам mkad_km

var polygon = new ymaps.Polygon();

for (i = 0; i < 108; i++) {

    polygon.addPoint(new ymaps.GeoPoint(mkad_km[i][1], mkad_km[i][2]));

}

myMap.addOverlay(polygon); // Добавляю на карту

 

var pnt = new GeoPortal.Point(55.788172, 37.672375); // Задаю произвольную точку в области МКАД (GeoPortal - так можно???)

// Ставлю метку по клику над картой, если точка (pnt) попадает в заданную область polygon

myMap.events.add('click', function (e) {

    if (polygon.contains(pnt)) {

        myMap.geoObjects.add(new ymaps.Placemark(e.get(

            'coordPosition')));

    }

});

 

Буду благодарен за помощь.

12 комментариев
Подписаться на комментарии к посту

Точку на карту тоже надо было добавить.

Или создать пустую геометрию(и тоже добавить на карту) и работать с ней.

Всеволод Шмыров
2 сентября 2013, 11:11
Вашу задачу можно решить при помощи geoQuery.
http://api.yandex.ru/maps/doc/jsapi/2.x/dg/concepts/geoquery.xml

В песочнице есть похожий пример с попадаем геообъектов в круг.
http://api.yandex.ru/maps/jsbox/placemarks_in_circle

Спасибо большое! только у меня ведь не круг, а кольцевая дорога - то бишь овал получается. Может быть как-то можно поточнее определить попадание точки в этот овал? Т.е. он задается каждым километром МКАД и чтобы с точностью до километра, например, можно было определить, попала точка в эту область или вышла за ее пределы?

Всеволод Шмыров
2 сентября 2013, 12:07
Вместо ymaps.Circle можно подставить ymaps.Polygon.

Подскажите, пожалуйста, делаю вот так:

 

// Создаем полигон МКАД по заданным координатам mkad_km

    var polygon = new ymaps.geometry.Polygon();

    for(i = 0; i < 108; i++) {

   polygon.addPoint(new ymaps.GeoPoint(mkad_km[i][1],mkad_km[i][2]));

    }

 

polygon.events.add('drag', function () {

        // Объекты, попадающие в круг, будут становиться красными.

        var objectsInsidePolygon = objects.searchInside(polygon);

        objectsInsidePolygon.setOptions('preset', 'twirl#redIcon');

        // Оставшиеся объекты - синими.

        objects.remove(objectsInsidePolygon).setOptions('preset', 'twirl#blueIcon');

    });

    myMap.geoObjects.add(polygon);

Ничего не получается. Не отображает мой полигон. Что здесь я делаю не так?

Что за метод addPoint? Такого метода нет у геометрии полигона

Возможно Вам будут полезны эти статьи из блога:

http://ymapsapi.ya.ru/replies.xml?item_no=744

http://ymapsapi.ya.ru/replies.xml?item_no=1165

Всеволод Шмыров
2 сентября 2013, 20:52
Что-то вы напутали.
Вместо геообъекта-хелпера создаете геометрию.
http://api.yandex.ru/maps/doc/jsapi/2.x/ref/reference/Polygon.xml
Вызываете несуществующий метод addPoint. Откуда вы его взяли?

Спасибо Вам большое! К большому моему сожалению я в api яндекса профан :((( а задача есть такая.

 

Могли бы вы мне помочь хотя бы с определением некоторых функций? Привожу мой код полностью на данной стадии

 

    Расчет стоимости доставки

 

   

 

   

 

Это код определения маршрута доставки. Я обозначил некоторую область кругом (область МКАД). Сейчас метки статические и они подсвечиваются красным цветом при наведениии на них моей области. Но мне нужно чтобы при нажатии на карту ставилась метка и считался маршрут, как это и сейчас делается, НО: при нажатии на область вне этого круга, метка ставилась бы красная, а при попадании в область, метка была бы синей? В какой функции и как это лучше всего осуществить - ума не приложу. Можете подсказать, как это сделать?

Подскажите пожалуйста вот что: 

пример с попадаем геообъектов в круг не совсем то, что нужно.

В примере мы перемещаем сам объект (полигон), хотелось бы событие вешать на перемещение точки. К тому же, у круга и полигона есть метод contains, но нам это не подхдит: а если нужно проверять не "захватывает ли полигон точки", а "попадает ли перемещенная точка в этот полигон".

Заранее спасибо

не важно что вы перемещаете, все делается через тот же contains

Всеволод Шмыров
12 марта 2014, 18:29
Добрый день.
Точка при перемещии тоже кидает событие drag. Это событие базовой сущности - geoObject'а
http://api.yandex.ru/maps/doc/jsapi/beta/ref/reference/GeoObject.xml#event-drag.
Нужно создать выборку полигонов, а по событию drag точек вызывать у этой выборке метод searchIntersect и передавать в него перетаскиваемый геообъект (e.get('target') ).

Спасибо. А можно конкретный пример на основе вот этого http://dimik.github.io/ymaps/examples/geometry-contains/ ?

Я понимаю, что нужно изменить вот эту часть, но не пойму, как именно: 

// Перетаскиваем круг и проверяем попадание в него координат меток

            myGeoObjectsCollection.events.add('drag', function (e) {

              // Получаем ссылку на текущий перетаскиваемый геообъект

                var geoObject = e.get('target'),

                 color = geoObject.properties.get('pointColor');

                // Проверяем попадание в область геометрии геообъекта всех точек из коллекции

                myPointsCollection.each(function (point) {

                    if(geoObject.geometry.contains(point.geometry.getCoordinates())) {

                        point.options.set('preset', 'twirl#' + color + 'Icon');

                    }

                    else {

                        point.options.unset('preset');

                    }

                });

            });