'how did they make the overlay of the map image'

Office Furniture Management

how did they make the overlay of the image under all the click links.

I see some creative ideas i can make but have no clue how they built this image under click icons.

sample sheet link: https://www.appsheet.com/samples/Update-and-add-inspection-information-on-an-office-floor-plan-or-ma...

If someone knows please share this with the class.

0 1 704
  • UX
1 REPLY 1

Hi Glenn,

Custom map layers like this can be used when there is ‘XY’ coordinate data in a connected table. In this case, since I have XY location coordinates for each of these pieces of furniture, their relative points can be plotted on a provided image layer (starting from the upper left corner). For example, a table in the very center of a room would be XY points 50,50. A chair in the upper right corner would be something like 90,10.


If you look at the details of the XY Location column in this app data, you’ll see the option to add a ‘Background Image’. This is where I’ve included a direct link to the JPG floorplan image shown above.

This particular image is just a stock example of a floorplan, and was not created in AppSheet. A few more examples of this in use can be seen in this facility inspection sample app: https://www.appsheet.com/Template/AppDef?appName=FacilityInspectionsv2-626900#Data.Columns

Top Labels in this Space