Как реализовать фильтр подбора квартир в жк?

Question

[mrZuba]

Столкнулся с задачей реализации фильтра квартир в жилом комплексе, как вот тут:
ссылка

как такие вещи обычно реализуются? мысли только в сторону angular

Answer 1

[vadim_tur]

Никогда не пользовался, но думаю, что возможно реализовать подобное с помощью Карты-изображения. То есть делаем разметку областей на изображении и затемнение этих областей при наведении. После можно воспользоваться прямыми ссылками или же привязать js обработчик.

Comments

[mrZuba]

суть задачи в том, чтобы забить базу квартир, с помощью фильтра находить их по заданым параметрам и подсвечивать их на здании. например: выбрали что нужны квартиры с 50кв до 90кв, 2-х комнатные, и на здании подсветились этаже в которых есть такие квартиры

Answer 2

[helixly]

Ну не знаю зачем там Angular, реализовать вы можете на чем угодно. Хоть на нативном JS. Основной принцип какой, есть массив с квартирами и их координатами на доме. Там используется SVG. Можете для SVG использовать библиотеку какую-нибудь. Я например использовал Snap svg в свое время. Очень удобно, если не нужна поддержка IE 8. Собственно при изменении фильра, получаете новый массив. Можно на сервер делать запрос, как это делают на сайте из вашего примера. Можно на JS фильтровать. Как вам удобно. В целом это такой же фильтр как и любой другой, например в интернет магазине для фильтрации товаров.