Версия:
Популярные примеры
Карта
Геообъекты
Балун и хинт
Элементы управления
Активные области
Кластеризация
GeoQuery
Поведения и события
Поиск по карте
Пробки
Местоположение пользователя
Маршрутизация
YMapsML
GeoXML
ObjectManager
Модульная система
Панорамы
Внешние модули

Анимация линии

Сохранить как файлыЭкспорт на JSFiddle

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

Чтобы добавить новые точки в геометрию ломаной линии, будем использовать метод set. На вход методу будем передавать индекс новой точки и ее координаты.

Также геометрию ломаной линии можно поменять целиком с помощью метода setCoordinates.

В примере показано, как на основе класса линии Polyline создать модуль для анимирования линии на карте. Для этого достаточно создать экземпляр класса AnimatedLine и задать длительность анимации через опцию animationTime.

Пишете на JavaScript? У нас есть вакансии
Sun Sep 18 2022 20:10:14 GMT+0300 (Moscow Standard Time)