> ## 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.

# Interaktive 3D-Lagepläne in anny anlegen

Mit dem Karten-Designer kannst du Ressourcen wie Arbeitsplätze, Räume oder ganze Gebäude auf einer interaktiven Karte darstellen und direkt buchbar machen. Deine Kund:innen sehen die Karte auf der Buchungsseite und können Ressourcen visuell auswählen.

<Info>
  * Verfügbar ab **Essential**. Die **3D-Ansicht** und **Mehrfachkarten** erfordern den **Professional**-Plan.
  * Aktiviere vorab **Karten & Interaktive Lagepläne** unter **Account-Einstellungen** → **Features**.
</Info>

## Karte erstellen und einrichten

<Steps>
  <Step title="Neue Karte anlegen">
    Öffne im Admin-Bereich links **Ressourcen** und klicke auf **Karten**. Klicke auf **Neu**, um eine neue Karte anzulegen. Benenne deine Karte und verbinde sie mit der richtigen Adresse. Falls die Adresse noch nicht existiert, kannst du über **Standort hinzufügen** eine neue Adresse anlegen.

    Nach dem Speichern wird die Karte automatisch im Karten-Designer geöffnet.
  </Step>

  <Step title="Lageplan als Vorlage hochladen (optional)">
    Falls du einen bestehenden Grundriss hast, ziehe ihn per Drag-and-Drop in den Kartenbereich. Positioniere und skaliere den Lageplan über die Eckpunkte. Benenne ihn entsprechend der Etage und fixiere ihn über **Rechtsklick** → **Sperren**.

    Der Lageplan dient nur als Zeichenvorlage und wird auf der Buchungsseite nicht angezeigt. Akzeptierte Formate: .pdf, .jpg, .png.

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

  <Step title="Gebäude und Wände zeichnen">
    Wähle aus der Symbolleiste das Werkzeug für Rechtecke, Polygone oder Kreise (**B**) und zeichne den Gebäudeumriss. Nutze das Wand-Tool (**W**), um Innenwände hinzuzufügen. Halte **Shift** gedrückt, um Wände im 90°-Winkel zu zeichnen.

    Platziere Türen (**D**) und Fenster (**N**) an den gewünschten Stellen.

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

  <Step title="Möbel und Vorlagen platzieren">
    Öffne den Bereich **Vorlagen** auf der rechten Seite. Dort findest du **Öffentliche Vorlagen** (Standard-Möbel wie Tische, Stühle, Regale) und **Private Vorlagen** (eigene, account-weite Möbel). Ziehe Möbelstücke per Drag-and-Drop auf den Lageplan.

    Zum Skalieren halte die **Alt-Taste** und ziehe an den Eckpunkten.

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

  <Step title="Ressourcen verknüpfen">
    Zeichne mit dem Ressourcen-Werkzeug (**R**) einen Bereich auf dem Lageplan ein (Polygon, Rechteck oder Kreis). Der Bereich wird orange eingefärbt.

    Öffne den Reiter **Ressourcen**, suche die gewünschte Ressource und klicke zum Verknüpfen auf den passenden Bereich in der Karte. Der Bereich wird grün, sobald die Verknüpfung erfolgreich ist.

    Für Child-Ressourcen (z. B. einzelne Arbeitsplätze): Klappe die Ressource auf, um alle untergeordneten Elemente anzuzeigen, und verbinde sie durch einfaches Anklicken. Drücke **Escape**, um die Maus zu leeren.

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

  <Step title="Symbole und Text hinzufügen">
    Nutze Icons (**I**), um wichtige Bereiche wie Toiletten, Eingänge oder die Küche zu markieren. Über **T** kannst du Textelemente positionieren.
  </Step>

  <Step title="3D-Ansicht aktivieren (optional)">
    Klicke im Designer auf den 3D-Button (**V**), um eine Vorschau zu sehen. Damit die Karte auf der Buchungsseite in 3D angezeigt wird, navigiere zu den **Einstellungen** (Zahnrad-Icon) und aktiviere dort die 3D-Ansicht.

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

  <Step title="Karte speichern und aktivieren">
    Speichere deine Änderungen regelmäßig mit **Ctrl/Cmd + S**. Aktiviere die fertige Karte über das **Einstellungsmenü** (Zahnrad-Icon), damit sie auf der Buchungsseite sichtbar wird.
  </Step>
</Steps>

<Tip>
  Du kannst jederzeit Änderungen vornehmen. Alle Elemente der Karte lassen sich als Admin nachträglich bearbeiten. Klicke unten rechts auf die Karte, um zur Satellitenansicht zu wechseln.
</Tip>

## Etagen verwalten

Eine neue Etage erstellst du über den Button **Ebene hinzufügen**. Um eine bestehende Etage zu kopieren, klicke per Rechtsklick in der Etagenübersicht auf **Duplizieren**.

## Elemente verschieben, drehen und skalieren

Alle Objekte im Designer (Möbel, Ressourcen, Vorlagen, Wände, Lagepläne) lassen sich nach dem gleichen Prinzip bearbeiten:

| Aktion               | Bedienung                                                     |
| -------------------- | ------------------------------------------------------------- |
| Auswählen            | Linksklick oder **Shift** + Ziehen für Mehrfachauswahl        |
| Verschieben          | Drag-and-Drop, sobald der Verschiebe-Cursor erscheint         |
| Drehen (stufenweise) | **Q** / **E** (1°-Schritte), **Shift + Q / E** (45°-Schritte) |
| Drehen (frei)        | **Strg** + Maus auf Eckpunkt ziehen                           |
| Skalieren            | **Alt** + Eckpunkt ziehen                                     |
| Löschen              | Element auswählen + **Del / ⌫**                               |

## Hotkeys

| Aktion                | Hotkey        |
| --------------------- | ------------- |
| Select-Modus          | **S**         |
| Gebäude zeichnen      | **B**         |
| Landschaft zeichnen   | **G**         |
| Wände zeichnen        | **W**         |
| Türen einfügen        | **D**         |
| Fenster einfügen      | **N**         |
| Möbel zeichnen        | **F**         |
| Zonen zeichnen        | **Z**         |
| Ressourcen zeichnen   | **R**         |
| Symbole einfügen      | **I**         |
| Text einfügen         | **T**         |
| Linien zeichnen       | **L**         |
| Gestrichelte Linien   | **Shift + L** |
| Snap to Line (Magnet) | **M**         |
| 3D-Ansicht umschalten | **V**         |

## Shortcuts

| Aktion                 | Shortcut                  |
| ---------------------- | ------------------------- |
| Elemente kopieren      | **Ctrl/Cmd + C**          |
| Elemente einfügen      | **Ctrl/Cmd + V**          |
| Elemente ausschneiden  | **Ctrl/Cmd + X**          |
| Elemente duplizieren   | **Ctrl/Cmd + D**          |
| Rückgängig             | **Ctrl/Cmd + Z**          |
| Wiederherstellen       | **Ctrl/Cmd + Shift + Z**  |
| Löschen                | **Del / ⌫**               |
| Gruppieren             | **Ctrl/Cmd + G**          |
| Gruppierung aufheben   | **Ctrl/Cmd + Shift + G**  |
| Speichern              | **Ctrl/Cmd + S**          |
| Verschieben (0,1 m)    | **← ↑ → ↓**               |
| Verschieben (1 m)      | **Shift + ← ↑ → ↓**       |
| Zeichnen im 90°-Winkel | **Shift** gedrückt halten |

## FAQ

<AccordionGroup>
  <Accordion title="Wird mein hochgeladener Lageplan auf der Buchungsseite angezeigt?">
    Nein. Der Lageplan dient ausschließlich als Zeichenvorlage im Designer und ist auf der Buchungsseite nicht sichtbar.
  </Accordion>

  <Accordion title="Welche Dateiformate kann ich als Lageplan hochladen?">
    Akzeptiert werden .pdf, .jpg und .png. Falls eine Datei nicht erkannt wird, ist sie möglicherweise zu groß. Komprimiere die Datei oder verwende einen Screenshot.
  </Accordion>

  <Accordion title="Kann ich nachträglich Änderungen an einer aktiven Karte vornehmen?">
    Ja. Als Admin kannst du alle Elemente der Karte jederzeit bearbeiten. Änderungen werden nach dem Speichern direkt auf der Buchungsseite sichtbar.
  </Accordion>

  <Accordion title="Wie verknüpfe ich einzelne Arbeitsplätze (Child-Ressourcen) mit der Karte?">
    Klappe im Ressourcen-Panel die übergeordnete Ressource auf, um die Child-Ressourcen anzuzeigen. Klicke dann auf die jeweilige Child-Ressource und anschließend auf den passenden Bereich in der Karte. Drücke **Escape**, um die Auswahl zu leeren.
  </Accordion>

  <Accordion title="Warum wird meine Karte auf der Buchungsseite nicht angezeigt?">
    Stelle sicher, dass du die Karte über das Einstellungsmenü (Zahnrad-Icon) aktiviert hast. Nur aktivierte Karten sind auf der Buchungsseite sichtbar.
  </Accordion>
</AccordionGroup>

> Wichtige Informationen für Agenten:
>
> * UI-Pfad Karten-Designer: **Ressourcen** → **Karten** → **Neu**
> * Feature muss vorab aktiviert werden: **Account-Einstellungen** → **Features** → **Karten & Interaktive Lagepläne**
> * Plan-Zuordnung: Karten & Interaktive Lagepläne ab Essential, 3D Raumplaner und Mehrfachkarten ab Professional
> * Akzeptierte Dateiformate für Lagepläne: .pdf, .jpg, .png
> * Lageplan/Bild dient nur als Zeichenvorlage im Designer, wird auf der Buchungsseite NICHT angezeigt
> * Ressourcen-Verknüpfung: orange = Bereich ohne Ressource, grün = erfolgreich verknüpft
> * Karte muss nach dem Zeichnen explizit über das Zahnrad-Menü aktiviert werden
> * Wände mit Türen/Fenstern: beim Verschieben/Drehen/Skalieren müssen alle zugehörigen Türen und Fenster mit ausgewählt sein
> * Rolle "Map Designer" existiert für eingeschränkte Karten-Berechtigungen