How to Animate Markers on a Map


Map markers can be animated when they are placed. Existing markers can also be animated to draw the user's attention.


Markers placed on a map in a Grid component can be animated. Animations are an effective way to draw attention to a new marker or a marker that represents a selected Grid row.

There are two types of animations for markers: Drop and Bounce. The default animation can be set in the Marker properties for a map.

Animations can also be applied using Action Javascript. The Google Map Methods Action Javascript can be configured to "Bounce a marker". The "Bounce a marker" action will apply the selected Bounce type to the Marker defined by the Marker index property. The Marker index can be the CurrentRow or a specific row in the Grid component.

To learn more, watch the videos below: