An interactive floor map of the building, rooms and beds?

Question

PHP

Good day to all.
At work, you need to make a floor plan of the hospital, with departments-> wards-> beds.
Required features:
1. The ability to add new hospitals by the site administrator (so that this main thing does not result in rewriting some part of the site).
2. Work with floors, because different hospitals may have different number of floors. + each floor may have a different layout in one way or another (the way the wards are located, on one floor the treatment room is in one place, and on the other floor - in a completely different place).
3. Ability to divide the floor into blocks. Blocks are such a conditional division of a floor into several parts, this is done when the building is very large, so that it is easier for a person to navigate. This feature is optional, but it would be nice if it would be possible to implement this thing as well.
4. Possibility of arbitrary placement of chambers on the floor (or in the block). The layout from one floor to another may be different. Because as a rule, over time, some department takes and either unites the chambers, or divides them into smaller ones. It is clear that most of the chambers are not affected by this, but nevertheless this is the place to be, and moreover often.
5. The possibility of placing beds in the ward. When hovering over a bed, a brief info about the patient should be displayed (I know how to do this, it's just me that the map should be interactive, interact with the user).
While adding another hospital building is possible in the near future.
Please help me choose the right tool(s) for such a big task.
I looked at Raphaël - in my opinion this tool is not suitable for solving this kind of problems :'(
Maybe someone faced a similar task?

Answer 1

Work is not up to you ... And the toaster is like "ready homework" at school ...

Answer 2

Doing all this from scratch will take a lot of time and effort. Look at this ready-made Mapplic solution , maybe just what you need, though the plugin is a paid
Javascript plugin version of the
Wordpress plugin

Answer 3

It seems to me that it is too time-consuming to create such a thing from scratch.
You can create/edit plans in an svg editor like Inkscape or draw.io, and write a simple visual editor to add classes/attributes to elements.

Answer 4

For maps, use leafletjs.com. Inside you can use custom maps + add objects to them. There is a rich selection of plugins, you can find what suits you: leafletjs.com/plugins.html

Answer 5

To automatically generate svg from raster plans, you can use
potrace.sourceforge.net
To automatically recognize the location of wards in the resulting svg, we look for path boundboxes that are proportionally more or less similar to wards (for example, we cut off too elongated rectangles - corridors and too small rooms).

Answer 6

I don't understand why so many people find this difficult. If you don’t need a super-duper 3D view with a span over each floor, then we take floor plans and draw image maps with any editor. Well, then, depending on the programming capabilities of the author, we turn this case into a website and add getting information from the server by clicking on the block / department / ward / bed.
Google has such a thing as " building maps ", but I'm afraid in your case it will be problematic to use it.

Answer 7

An image of a UFO-2 Sectoid appeared in my head in the middle of a 3D dataset. Magnetic storms, of course.