render scalable textures in webgl from svg

Question

I am working on a 2d fantasy map displayed in browser via WebGL. Here is what it looks like:

It is procedurally generated so you can move wherever you want but you can also zoom and unzoom without losing quality. I would like to add assets in some places, especially mountains when the altitude is high. I have those assets as vector images (.svg) so that you can still zoom in without losing quality. The thing is I have no idea how I could draw them on screen. I think I would need to convert those vectors to vertices of triangles but I am wondering if there is an automatic way to do it. I heard about something called SVGLoader but I think this is only for threejs and I am using webgl alone. What would you advise me to do?

edit: I just found https://github.com/MoeYc/svg-webgl-loader which looks interesting