Is it possible to disable svg layers in css?

Question

SVG

Hello!
You need to make an isometric map with buildings - which will change depending on the conditions coming from the database.

Please tell me, is it possible to draw a finished map in svg with all the options for buildings (then turn off their display) and then turn on and off the necessary elements using css in the page code? And if this is possible, is it optimal, perhaps it will be very long in terms of loading? (since the site should work on both smartphones and PCs)

Or is it possible to take one svg background as a basis, onto which then load different prepared svg buildings using coordinates? Is this option possible, maybe it is better?

I apologize if the question is too stupid, I have never come across svg before, now I am just starting to study this issue.

Answer 1

svg is perfectly styled with css, the main condition is to insert code and not pictures.
However, your second option for your task is probably more preferable if you only need to show / hide buildings or some elements (such as floors).
You need to understand the problem as a whole in order to choose the right solution.
Perhaps you have something like an interactive selection of apartments in new buildings? Then look at how others have done it, there are already a lot of such sites on the network.