Динамичный план помещения

10 000 руб. за проект
13 июня 2024, 11:39 • 12 откликов • 89 просмотров
Портал написан на Bootstrap, JS (jQuery) и Laravel.
Есть план помещения (изображение).
Нужно перенести это изображение в веб-формат (не обязательно с 100% точностью, но важно сохранить визуальную структуру, особенно, закругления).
Каждой комнате нужно присвоить ID (и отображать цифру так же, как и на изображении: либо так же в углу, либо по центру комнаты - не важно)
При наведении мышью на любую комнату, она должна закрашиваться цветом. При клике на любую комнату, внизу страницы после плана помещения должна выводиться информация об этой комнате (информация будет цепляться по ID из БД, так что пока достаточно базово прописать подгрузку статически, например, если кникнули по ID=1, то показываем этот текст, если кликнули по ID=2 - показываем второй текст и так далее)
Также должна быть возможность изменять карту (либо программисту, либо пользователю в интерфейсе, как получится. желательно - пользователю в интерфейсе). Например, какую-то комнату решили разбить на две, или, наоборот, объединить две комнаты в одну. Ещё потенциальный сценарий - пристройка новых комнат по краям плана. То есть, решение должно быть гибким в этом отношении
Карта должна быть адаптивна на мобилках, чтобы можно было зумить, перемещаться по всей карте и находить нужные комнаты

Предлагайте варианты реализации
Файлы