> ## Documentation Index
> Fetch the complete documentation index at: https://docs.anny.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Create Interactive 3D Floor Plans in anny

> Build interactive maps of your resources so customers can select and book them visually.

With the map designer, you can display resources like workspaces, rooms or entire buildings on an interactive map and make them directly bookable. Your customers see the map on the booking page and can select resources visually.

<Info>
  * Available from **Essential**. The **3D view** and **multiple maps** require the **Professional** plan.
  * Activate **Maps & Interactive Floor Plans** in advance under **Account Settings** → **Features**.
</Info>

## Create and set up a map

<Steps>
  <Step title="Create a new map">
    In the admin area on the left, open **Resources** and click **Maps**. Click **New** to create a new map. Name your map and connect it to the right address. If the address doesn't exist yet, you can create a new one via **Add location**.

    After saving, the map opens automatically in the map designer.
  </Step>

  <Step title="Upload a floor plan as a template (optional)">
    If you have an existing floor plan, drag and drop it into the map area. Position and scale the floor plan using the corner points. Name it according to the floor and fix it in place via **right-click** → **Lock**.

    The floor plan only serves as a drawing template and isn't shown on the booking page. Accepted formats: .pdf, .jpg, .png.

    <iframe src="https://www.loom.com/embed/154e13c4622548bdacee859ee24c1777" frameBorder="0" allowFullScreen style={{width: '100%', height: '400px'}} />
  </Step>

  <Step title="Draw buildings and walls">
    From the toolbar, choose the tool for rectangles, polygons or circles (**B**) and draw the building outline. Use the wall tool (**W**) to add interior walls. Hold **Shift** to draw walls at a 90° angle.

    Place doors (**D**) and windows (**N**) where you want them.

    <iframe src="https://www.loom.com/embed/72a006ca3d2f4326b72b3c28d8bee872" frameBorder="0" allowFullScreen style={{width: '100%', height: '400px'}} />
  </Step>

  <Step title="Place furniture and templates">
    Open the **Templates** area on the right. There you'll find **public templates** (standard furniture like tables, chairs, shelves) and **private templates** (your own, account-wide furniture). Drag and drop furniture pieces onto the floor plan.

    To scale, hold the **Alt key** and drag the corner points.

    <iframe src="https://www.loom.com/embed/f44b7819c6b34ac098d7d068675ad9f3" frameBorder="0" allowFullScreen style={{width: '100%', height: '400px'}} />
  </Step>

  <Step title="Link resources">
    Using the resource tool (**R**), draw an area on the floor plan (polygon, rectangle or circle). The area is colored orange.

    Open the **Resources** tab, search for the resource you want and click the matching area on the map to link it. The area turns green as soon as the link is successful.

    For child resources (e.g. individual workspaces): expand the resource to show all sub-elements and connect them with a simple click. Press **Escape** to clear the mouse.

    <iframe src="https://www.loom.com/embed/6621a948a04d480b83ebd6ae7572e530" frameBorder="0" allowFullScreen style={{width: '100%', height: '400px'}} />
  </Step>

  <Step title="Add icons and text">
    Use icons (**I**) to mark important areas like restrooms, entrances or the kitchen. With **T**, you can position text elements.
  </Step>

  <Step title="Enable the 3D view (optional)">
    In the designer, click the 3D button (**V**) to see a preview. For the map to display in 3D on the booking page, navigate to the **Settings** (gear icon) and enable the 3D view there.

    <iframe src="https://www.loom.com/embed/cb9a65392c2645eaa588f0923f5fc80a" frameBorder="0" allowFullScreen style={{width: '100%', height: '400px'}} />
  </Step>

  <Step title="Save and activate the map">
    Save your changes regularly with **Ctrl/Cmd + S**. Activate the finished map via the **settings menu** (gear icon) so it becomes visible on the booking page.
  </Step>
</Steps>

<Tip>
  You can make changes at any time. As an admin, you can edit all elements of the map afterwards. Click the map at the bottom right to switch to satellite view.
</Tip>

## Manage floors

You create a new floor via the **Add level** button. To copy an existing floor, right-click **Duplicate** in the floor overview.

## Move, rotate and scale elements

All objects in the designer (furniture, resources, templates, walls, floor plans) can be edited following the same principle:

| Action            | Control                                                 |
| ----------------- | ------------------------------------------------------- |
| Select            | Left-click or **Shift** + drag for multiple selection   |
| Move              | Drag and drop as soon as the move cursor appears        |
| Rotate (in steps) | **Q** / **E** (1° steps), **Shift + Q / E** (45° steps) |
| Rotate (free)     | **Ctrl** + drag the mouse on a corner point             |
| Scale             | **Alt** + drag a corner point                           |
| Delete            | Select the element + **Del / ⌫**                        |

## Hotkeys

| Action                | Hotkey        |
| --------------------- | ------------- |
| Select mode           | **S**         |
| Draw building         | **B**         |
| Draw landscape        | **G**         |
| Draw walls            | **W**         |
| Insert doors          | **D**         |
| Insert windows        | **N**         |
| Draw furniture        | **F**         |
| Draw zones            | **Z**         |
| Draw resources        | **R**         |
| Insert icons          | **I**         |
| Insert text           | **T**         |
| Draw lines            | **L**         |
| Dashed lines          | **Shift + L** |
| Snap to line (magnet) | **M**         |
| Toggle 3D view        | **V**         |

## Shortcuts

| Action              | Shortcut                 |
| ------------------- | ------------------------ |
| Copy elements       | **Ctrl/Cmd + C**         |
| Paste elements      | **Ctrl/Cmd + V**         |
| Cut elements        | **Ctrl/Cmd + X**         |
| Duplicate elements  | **Ctrl/Cmd + D**         |
| Undo                | **Ctrl/Cmd + Z**         |
| Redo                | **Ctrl/Cmd + Shift + Z** |
| Delete              | **Del / ⌫**              |
| Group               | **Ctrl/Cmd + G**         |
| Ungroup             | **Ctrl/Cmd + Shift + G** |
| Save                | **Ctrl/Cmd + S**         |
| Move (0.1 m)        | **← ↑ → ↓**              |
| Move (1 m)          | **Shift + ← ↑ → ↓**      |
| Draw at a 90° angle | Hold **Shift**           |

## FAQ

<AccordionGroup>
  <Accordion title="Is my uploaded floor plan shown on the booking page?">
    No. The floor plan serves exclusively as a drawing template in the designer and isn't visible on the booking page.
  </Accordion>

  <Accordion title="Which file formats can I upload as a floor plan?">
    Accepted are .pdf, .jpg and .png. If a file isn't recognized, it may be too large. Compress the file or use a screenshot.
  </Accordion>

  <Accordion title="Can I make changes to an active map afterwards?">
    Yes. As an admin, you can edit all elements of the map at any time. Changes become visible directly on the booking page after saving.
  </Accordion>

  <Accordion title="How do I link individual workspaces (child resources) to the map?">
    In the resource panel, expand the parent resource to show the child resources. Then click the respective child resource and then the matching area on the map. Press **Escape** to clear the selection.
  </Accordion>

  <Accordion title="Why isn't my map shown on the booking page?">
    Make sure you've activated the map via the settings menu (gear icon). Only activated maps are visible on the booking page.
  </Accordion>
</AccordionGroup>

> Important information for agents:
>
> * UI path map designer: **Resources** → **Maps** → **New**
> * Feature must be activated in advance: **Account Settings** → **Features** → **Maps & Interactive Floor Plans**
> * Plan assignment: Maps & Interactive Floor Plans from Essential, 3D room planner and multiple maps from Professional
> * Accepted file formats for floor plans: .pdf, .jpg, .png
> * Floor plan/image only serves as a drawing template in the designer, is NOT shown on the booking page
> * Resource link: orange = area without a resource, green = successfully linked
> * The map must be explicitly activated via the gear menu after drawing
> * Walls with doors/windows: when moving/rotating/scaling, all associated doors and windows must be selected too
> * The "Map Designer" role exists for restricted map permissions
