How to implement a filter for selecting apartments in a residential complex?

Question

JavaScript

Faced with the task of implementing an apartment filter in a residential complex, like here:
link
How are these things usually implemented? thoughts only towards angular

Answer 1

I've never used it, but I think it's possible to do something like this with an Image Map . That is, we mark up areas on the image and darken these areas when hovering. After that, you can use direct links or attach a js handler.

Answer 2

Well, I don’t know why Angular is there, you can implement it on anything. At least in native JS. What is the basic principle, there is an array with apartments and their coordinates on the house. It uses SVG. You can use some library for SVG. For example, I used Snap svg in my time. Very handy if you don't need IE 8 support. Actually, when you change the filter, you get a new array. You can make a request to the server, as they do on the site from your example. It is possible to filter on JS. As you wish. In general, this is the same filter as any other, for example, in an online store for filtering goods.