Component as icon

[KaevN]

I'm trying to convert a project from leaflet to openlayers. In my project, I need to display custom icons on the map, but the problem is that for this I used a component that changes visually depending on the props. ol-style-icon only accepts the scr of the icon itself, this does not suit me, is there an option to use a Vue component as an icon?

[d-koppenhagen]

We had a pretty similar problem in the past. As far as I know there is currently no such direct feature.
Our solution was to generate an SVG and return an SVG inline data URL. This URL we passed as the src. It worked since the component generated the URL based on the input params.

[KaevN]

We had a pretty similar problem in the past. As far as I know there is currently no such direct feature. Our solution was to generate an SVG and return an SVG inline data URL. This URL we passed as the src. It worked since the component generated the URL based on the input params.

interesting solution, can you be more specific, are you generating svg from a Vue component? if yes, what tool?

[d-koppenhagen]

I am simply building the SVG string and put it into a data URL.
With this tool, you can try it out: https://yoksel.github.io/url-encoder/