Есть ли библиотеки для рисования плана помещения на JS?

Надо простенький план помещения сделать, буквально чисто на комнаты, входы, окна, двери значения не имеют, т.е. группы квадратов и прямоугольников подойдут.
bc0ea65907d94ce7845d44987ba5f1fe.jpg
Но хотелось бы как-то разметить например угловые и внутренние точки что бы не рисовать каждое помещение с нуля. И потом что бы подсветку этих комнат при наведении в CSS можно было сделать.
  • Вопрос задан
  • 1075 просмотров
Решения вопроса 4
PavelK
@PavelK
Ну так SVG в помошь.
Ответ написан
RISENT
@RISENT
fullstack web developer
Что-то похожее умеет делать leafletjs.com, по крайней мере я видел, как эту библиотеку использовали для подобных целей. Также есть openfloorplan.org и d3-floorplan.
Ответ написан
gans5131
@gans5131
web-developer
Если не лень то покапайся в коде этой странички. Тут реализовано примерно то самое.

картинка подложка, активные области организованы через map area + jquery svg (keith-wood.name/svg.html)
lev12.ru/arenda
или

полностью svg (активные элементы удобно если будут в отдельном слое) + jquery svg (keith-wood.name/svg.html)
tsap.spb.ru/avtostoyanka
Ответ написан
gobananas
@gobananas
finishhim.ru
Вам надо что-то типа: https://roomstyler.com/3dplanner но там нет возможности экспорта для веб страницы.
А так много решений на https://d3js.org основаны, посмотрите его.
Ещё гляньте
https://www.mapbox.com/developers/
openlayers.org/en/latest/examples
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы