Animated markers

Update marker position with animation.

This example shows visualization of animated DOM markers on a map. Markers change their positions to random geo coordinates generated within radius of 450 km from the map's center.

Code

DOM markers with SVG icon are placed around the Europe. Each DOM marker then periodicaly changes its position using setGeometry() method to randomly generated geo coordinate with an animation. To calculate random geo coordinate within specified radius, H.geo.Point#walk() method is used. The animation effect is achieved with help of custom ease() function which is called within updateMarkerPositions() function each interval loop.