Unanswered

Interactive office map

Like (1) Share

Report

Posted on 1 Feb 2019 20:39:00 by Community Power Pla...

Ok so I would love to create an interactive office floor plan where you can search for a member of staff/ room/ equipement, and have it display on the map with information.

There are some applications like this you can purchase (e.g. OfficeMaps.com) but having one in PowerApps would be even better to intergrate with SharePoint and have as a mobile app etc.

Obviously it would need to connect to Active Directory/ Office 365 users. And I have copies of the floor plans so don't need to use Google or Bing maps. So if anyone could point me in the right direction on how to start - i'm sure many others would like something like this for this organisation!

All responses (17)

Answers (0)

Munur 4 on 01 Feb 2022 at 08:55:27

Like (0)

Report

Re: Interactive office map

Hi, The Interactive Floor Plan you see on the screenshot is used in the Browser for the facility manager. It is not for the end-users, using a smartphone. End Users use Power Apps on their smartphones. The Mobile Power Apps for Desk Booking, where we show a static floorplan, which is an attachment of an image file in the desks lists in SP Online.
MirTechDev 36 on 01 Feb 2022 at 08:36:31

Like (0)

Report

Re: Interactive office map

Hi @Anonymous
You are using a greater screen in your app. But a standard user uses a phone. Do you have any tips how to deal with smaller screens, and at the same time give the user a good experience? Such that its possible to zoom in and out of the map and the item-gallery still matches the map.
Munur 4 on 19 Feb 2021 at 12:39:53

Like (0)

Report

Re: Interactive office map

We have researched a long time, but unfortunately, the limitations are big with PowerApps and as well even in SharePoint. So we developed an SPFX Web Part where you can upload images of office and floorplans easily, and place your desks, spaces, rooms, etc easily.
Check Out https://roommanager.com/interactive-floorplans/
TyphonExpanse 5 on 21 Nov 2020 at 23:45:55

Like (0)

Report

Re: Interactive office map

Would you happen to have a sample you can share? I'm curious to see your layout.
I've generated my office floorplan and matched coordinates to offices in my canvas without issues. I'm looking to have a search field where you can enter the employee's name and it will zoom in to the employee's office and list their Azure AD info... e-mail, phone extension, etc.
Community Power Pla... on 27 Apr 2020 at 19:54:10

Like (2)

Report

Re: Interactive office map

An interactive office map is quite easy to do in PowerApps tbh, ours feeds off a sharepoint list and office 365 user directory. It requires very little maintenance. As always 3rd party tools will exist but on the basis that this forum is PowerApps it's certainly more than capable of doing it.
MapGuy 2 on 27 Apr 2020 at 17:52:19

Like (0)

Report

Re: Interactive office map

I agree. The cost for a third party apps like Floor Plan Mapper which integrate your floor plans with SharePoint Online, Office 365 or Windows Active Directory is quite low considering the effort you will expend creating your own app.

Code on,

Map Guy
Community Power Pla... on 30 Dec 2019 at 21:28:25

Like (0)

Report

Re: Interactive office map

I have found the best solution to be a third party app as well. The costs are relatively bearable and it would take me a lot more effort to develop this from scratch. Floor Plan Mapper integrates with the Windows Active directory as well as Office 365 Azure AD.

Cheers,

M
stephenJames 286 on 19 Nov 2019 at 14:40:46

Like (1)

Report

Re: Interactive office map

Thanks @Anonymous . I forgot to come back and update on this.

So for my issue i managed to get sorted out. Originally i was using multiple colored rectangles to overlay the map locations. They would be hidden and made visible based on the person selected.
I changed from this to a single rectangle gallery overlay that moves position based on the x and y coords defined in the selected persons record.
To fix the skew of the box not overlaying with the image correctly was a little work but got it working correctly. When adding in the gallery i noticed that the gallery container has another container inside it. This can been seen via a dashed line outline around the container. I had to make sure that this inner container lined up with the main gallery container. There was a little fiddling and adjustment on stored x , y , height and width numbers. But it all turned out nicely.

Thank you for your suggestions.
Community Power Pla... on 19 Nov 2019 at 11:37:33

Like (1)

Report

Re: Interactive office map

As a follow up to this, adding more objects/markers increases the Y Cord gap. I solved this by adding a sort order numerical column to my underlying data, sorted Gallery, Items by the SortID and then just adjusted the Y cords accordingly (which were also coming from an external dataset - a sharepoint list in this instance but could also be a spreadsheet).

I've used this overlay technique as a seating / floor plan. The layout doesn't change that often (only the people), so this approach is perfect for my needs.
Community Power Pla... on 06 Nov 2019 at 00:17:23

Like (1)

Report

Re: Interactive office map

You need to offset the image x / y cords e.g. ThisItem.XCords -3, ThisItem.YCords -3