Клуб API Карт

Как нарисовать линии между точками и посчитать расстояние?

quexxx
10 июня 2015, 13:45

При клике на точках получаю координаты. Нужно соединить точки в той последовательности, в какой на них кликнули. Пробую так, но не работает, конкретно не берутся координаты в Polyline(), полученные при клике на метки. Почему не работает эта конструкция?

myMap.geoObjects.events.add('click', function (e) {
var cordClick = e.get('target').geometry.getCoordinates(); 
var ParaPoint = '[' + cordClick + ']';
var StartPoint = '[53.657083,91.575066],';
var AllParaPoint = '[' + StartPoint + ParaPoint + ']';
 
myMap.geoObjects.add(new ymaps.Polyline(AllParaPoint));
});

 И как можно посчитать расстояние между этими нажатыми точками?

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

[0, 1] - массив из 2х чисел

"[0, 1]" - строка из 5ти символов

Ага, это я уже обнаружил. Переделал так..

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

var cordClick = e.get('target').geometry.getCoordinates(); 

var StartPoint = [53.657083, 91.575066];

var AllParaPoint = [StartPoint, cordClick];

myMap.geoObjects.add(new ymaps.Polyline(AllParaPoint));

});

 

А как при следующем клике, взять последнюю пару координат на которую кликнули и продолжить линию от нее к следующей точке на которую кликнули?

Я вообще запутался..

Массив пар координат я не могу собрать и сделать так?

myMap.geoObjects.add(new ymaps.Polyline(AllParaPoint)); 

Не понимаю как по другому соединить несколько точек линиями поочередно при клике на точки.

Я же не кликаю на карту, только на точки.. Начальная точка и конечная неизменны (это как бы маршрут из лагеря начинается и в лагере заканчивается). Пользователь кликет на точку, с лагеря до этой точки получает отрезок, кликает на следующую получает еще отрезок. И так до тех пор пока не замкнет маршрут в начальной точке (или он автоматом не закроется сам по условию).

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

С чем именно возникает проблема?

Попробую. Проблемы никакой, не понимаю как это. Есть какой-нибудь вариант чтобы посмотреть как это работает на практике? И чем этот способ отличается от "Polyline()"? И тут должен быть ивент в ивенте? Я при клике получаю координаты метки и тут же добавляю их геометрию?

 

И чем этот способ отличается от "Polyline()"? И тут должен быть ивент в ивенте? 

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

 

Про ивент в ивенте я не понял

Да, линия как раз так и создается каждый раз новая в которой пара координат начальной метки, которую я задаю вручную и вторая точка, полученная при клике на метку. Но каждый раз создается новая, старый отрезок не удаляется.

Про ивент .. Смотрите я слушаю координаты при клике на метку:

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

 В вашем случае нужно кликать на карту:

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

Вот я и не понял зачем он мне.. или вы имели ввиду само добавление точки на конце линии?

myLineString.insert(myLineString.getLength(), e.get('coords'))

Не могу понять как будет рисоваться ломанная, каждый раз при клике на новую метку проложиться маршрут? Или я должен собрать все точки и только потом нарисовать ломанную?

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

Блин.. дошло, спасибо! Сначала создаю ломанную, а потом уже кликами на метки добавлю точки.

 

Сейчас попробую посчитать расстояние, если не получится, то создам уже отдельную тему.

Получить длину ломаной можно так

myPolyline.geometry.getDistance()

Сделал так (с форматированием), правильно ведь?

ymaps.formatter.distance(geoObject.geometry.getDistance(), 3));

Правильно

Тогда этот этап закрыт). Спасибо вам огромное!