Add animation effect to points

791
2
Jump to solution
12-06-2022 05:15 AM
JackFanZhang
Occasional Contributor

Greetings, does anybody know how to add CSS animation, e.g. a ripple effect, to point symbol. I found a post back in 2014 which has given great tips. However, I'm wondering if there's a simpler approach after 8 years,  something similar like mapbox provides Add an animated icon to the map | Mapbox GL JS | Mapbox

0 Kudos
1 Solution

Accepted Solutions
AnneFitz
Esri Regular Contributor

Hi @JackFanZhang - you can easily add animations to point symbols with animated GIFs and PNGs in PictureMarkerSymbol or CIMSymbol with a CIMPictureMarker symbol layer. 

You can also create a custom layer with animations, as shown in this sample: https://developers.arcgis.com/javascript/latest/sample-code/custom-gl-visuals/

Hope this helps!

View solution in original post

2 Replies
AnneFitz
Esri Regular Contributor

Hi @JackFanZhang - you can easily add animations to point symbols with animated GIFs and PNGs in PictureMarkerSymbol or CIMSymbol with a CIMPictureMarker symbol layer. 

You can also create a custom layer with animations, as shown in this sample: https://developers.arcgis.com/javascript/latest/sample-code/custom-gl-visuals/

Hope this helps!

JackFanZhang
Occasional Contributor

Thank you Anne for pointing me to the right direction!

0 Kudos