{"id":168,"date":"2024-01-29T10:05:34","date_gmt":"2024-01-29T10:05:34","guid":{"rendered":"https:\/\/measuresquare.com\/?post_type=api&p=168"},"modified":"2025-08-07T22:45:43","modified_gmt":"2025-08-07T22:45:43","slug":"web-floorplan-sdk-api","status":"publish","type":"api","link":"https:\/\/measuresquare.com\/api\/web-floorplan-sdk-api\/","title":{"rendered":"Web FloorPlan SDK\/API"},"content":{"rendered":"\n
\n
\n
\n
\n
\n
\n

Visualize and Interact with IoTs on a Floor Plan<\/h2>\n\n\n\n

MeasureSquare Floor Plan SDK\/API provides a simple way to embed a digital floor plan into your mobile and web applications, to configure IoTs devices on the plan, and to visualize and interact with the devices on a graphical UI.<\/p>\n\n\n\n

Applications<\/strong>: Smart home\/building apps, facility security system, trade show floors and school\/campus site maps, hospital device and occupancy tracking, property management, and more\u2026
Development Platform<\/strong>: Low-code HTML5, JS<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n

Product features<\/strong><\/h1>\n\n\n\n

<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n

Embed detailed, interactive floor plans to your IoT application<\/h2>\n\n\n\n

\u2013 use minimal code to access and place your home or office floor plan in your IoT solution
\u2013 customize the view of your floor plan by enabling zoom in\/out controls and displaying small details<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

Customize how your floor plan will appear on a room-by-room basis<\/h2>\n\n\n\n

\u2013 Set the default room colors of your floor plan
\u2013 Change room colors to reflect a variety of states<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Use Cases<\/h1>\n\n\n\n

Interactive floor plans are highly useful in many contexts, ranging from home security to property management. Below are a few cases.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n

Property Management<\/h2>\n\n\n\n

When it comes to managing an apartment complex, there are many moving parts to keep track of. A floor plan not only lets property managers oversee the individual units, but the whole complex. Once managers install their smart devices, they can mark the device locations by swiping to any area and connect it with a few clicks on a screen.
Track Utilities:<\/strong>\u00a0With the rise of preventive analytics, our floor plan is the perfect tool. The SDK allows you to color-code each room to model how much use an area receives. For example, red colored areas may indicate high usage areas, and green-colored areas otherwise.
Damage Mitigation:\u00a0<\/strong>From time to time, there are urgent maintenance issues that need to be resolved quickly. A common one is flooding. If not addressed quickly, the resulting water damage could cost thousands of dollars. On the floor plan, you may want to notify the manager with bright colors to immediately show where it occurred.
Manage Property Access:\u00a0<\/strong>Scroll across the complex map and view different access points such as walk-up gates and vehicle access. Manage entry by tapping on the gates to unlock them.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n

Home & Office Security<\/h2>\n\n\n\n

When you have multiple security devices in a building, you want to be able to manage them easily. The interactive floor plan achieves this by providing a bird\u2019s eye view of the floor plan, allowing you to easily place and manage sensors. In more urgent situations, having a floor plan will help you read the situation quickly as you will be able to identify which sensors were activated in a single glance.
Easy sensor placement and management:\u00a0<\/strong>Click to drag and drop devices to the desired rooms in a building. See which devices need servicing (such as a battery change).
Recognize alerted locations fast:<\/strong>\u00a0With the ability to customize sensor appearance and change room colors, you can easily create a map that clearly identifies where incidents happen. When an emergency notification comes in, instantly see which area the sensor belongs to.
Provide location to authorities efficiently<\/strong>: In times of emergency, it\u2019s vital to share accurate information with authorities. With the building\u2019s floor plan, you\u2019ll be able to know the correct location of the incident as if you\u2019re there. Where possible, you may even share a link to the floor plan\u2013allowing the authorities to know exactly where to respond.<\/p>\n<\/div>\n<\/div>\n\n\n\n

For Developers<\/strong><\/h1>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Here are a few tips for developers interested in using the SDK:<\/p>\n\n\n\n