I need to make some animations on PictureMakerSymbol which is SVG-image. But I can not find any way to add css-class to the symbol. I use 4.7 api version. I expected that it would be a parameter in the symbol definition like "className". In addition to this I build a React solution and it is not so trivial to get access to the dom-node of the symbol. I found very little info about animations for js-api. I think animations is one of the key functionality which make maps more productive and fun to use. I would appreciate any answer around this theme. Thank you in advance.
You might try subclassing the PictureMarkerSymbol, you might be able to change the class or animations there.
I need to make a custom renderer that would display any symbol. This was my solution.
Thank you for the answer. I will definitly check it out.
I use 4.7 api and I can't find
How does it work for you?
This gives each class the ability to create a copy of its code, with that copy you can overwrite any method you wish.
I needed to change the symbology to Any Color/Size/Outline the user wanted - So I createSubclass and overwrote its "getSymbol" method. I'm thinking you can do the same but instead of changing color and style, you could insert some CSS to or an animated SVG. Either way, you could place a hook on it that you could use the DOM to look for later after render.
Hope that helps