Клуб API Карт

Клуб API Карт

Направление по прямой от точки щелчка

Пост в архиве.

Здравствуйте, уважаемые.

Помогите, никак не могу разобраться.

Хотел сделать карту чтобы при нажатии на карту левой кнопкой мыши рисовалась стрелка - направление от места щелчка до определенных координат ( в моем примере город Углич ). Важно чтобы рисовался не маршрут по дорогам, а именно прямая. Руководствуясь примером из песочницы пытался заменить координаты начала переменной. Не срабатывает.

7 комментариев
Авторизуйтесь, чтобы оставить комментарий
aknada
27 января 2016, 23:33

В общем если трудно разбираться в коде мне нужно было сделать что-то одно из этих двух примеров Стрелка на карте и Свойства события. Координаты щелчка. Может кто разберется? Обещаю магарыч!!!.

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

dimik
27 января 2016, 23:33

 

В общем если трудно разбираться в коде

Не надо постить код на 5 экранов (я его удалил), никому эти "простыни" в ленте новостей не нужны.

Небольшие фрагменты можно разместить под катом (кнопка "врезка")

А лучше выложить свой пример на jsfiddle.net и запостить на него ссылку

dimik
27 января 2016, 23:33

ymaps.ready(function() {

    var myMap = new ymaps.Map('map', {

        center: [55.733835, 37.588227],

        zoom: 5

    });

    var myArrow;

    var endPoint = myMap.getCenter();

    // Пользовательские модули не дописываются в неймспейс ymaps.

    // Поэтому доступ к ним мы можем получить асинхронно через метод ymaps.modules.require.

    ymaps.modules.require(['geoObject.Arrow'], function(Arrow) {

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

            var startPoint = e.get('coords');

            // удаляем старую стрелку

            if (myArrow) {

                myMap.geoObjects.remove(myArrow);

            }

            myArrow = new Arrow([startPoint, endPoint], null, {

                geodesic: true,

                strokeWidth: 5,

                opacity: 0.5,

                strokeStyle: 'shortdash'

            });

            myMap.geoObjects.add(myArrow);

        });

    });

});

aknada
27 января 2016, 23:33

спасибо. но видимо где-то чего-то не хватает, показывается белый экран

 тестовая траница 

dimik
27 января 2016, 23:33

Возьмите мой код и вставьте в пример из песочницы вместо блока с ymaps.ready. Только что проверил – работает

aknada
27 января 2016, 23:33

Бабушка бэтмен, у меня кое что получилось. А именно при клике мышью появляется новая стрелка, а старая не стирается.  посмотри http://jsfiddle.net/r1zz92Lv/

 

Может я с условием напутал чего

Владислав Турман
27 января 2016, 23:33

http://jsfiddle.net/r1zz92Lv/1/