Клуб API Карт

Заливка стрелок на карте (доработка примера)

alek.balyschev
20 декабря 2016, 13:09

Пытаюсь переделать создание стрелки на основе примера:

https://tech.yandex.ru/maps/jsbox/2.1/arrow

В результате хотелось бы видеть, чтобы стрелка отображалась в виде закрашенного треугольника и отличного от основной линии цвета. В качестве решения я разбил линию и стрелку на два отдельных слоя: overlay.Polygon для стрелки и overlay.Polyline для линии. Стрелка и линия стали рисоваться отдельно и разным цветом, однако стрелка не отображается в виде полигона и к ней невозможно применить заливку. Судя по докам, возможность заливки должна быть.

https://tech.yandex.ru/maps/doc/jsapi/2.1/ref/reference/overlay.Polygon-docpage/  

Перепробовал кучу вариантов, но ничего не работает. Как применить заливку для PolygonOverlay? Есть ли другие пути решения задачи со стрелкой?

Код примера: https://jsfiddle.net/uxd83f97/1/

2 комментария
Подписаться на комментарии к посту
Вы передаете некорректные координаты в конструктор пиксельной геометрии полигона.
Там должен быть массив из одного контура (внешнего)
Контур наконечника – массив из 4-х точек (1-я и 4-я точка должны совпадать)
Точка – массив из 2-х чисел.
Обновлено 21 декабря 2016, 07:34
Добавил точки, все получилось. Спасибо!
Рабочий пример: https://jsfiddle.net/uxd83f97/4/