Lagepläne

Ein Lageplan ist eine interaktive Karte deines Geländes — Vereinsheim, Halle, Festival- oder Turniergelände. Besucher:innen sehen Gebäude, Flächen und Marker mit Klick-Infos (Titel, Beschreibung, Bild, Link) und können sich so vor Ort oder von zuhause aus orientieren. Lagepläne sind ein Pro-Feature.

Wo du sie findest

Im Dashboard unter Website & Inhalte → Lagepläne. Ein Klick auf Neuer Lageplan legt einen leeren Plan an und öffnet ihn direkt im Editor. Die Liste zeigt zu jedem Plan Status (Entwurf / Veröffentlicht) und Änderungsdatum.

Einen Plan zeichnen

Links im Editor sitzt die Werkzeugleiste:

Auswählen — Elemente anklicken, verschieben, mit den Anfassern in der Grösse ziehen.
Typ (Gebäude / Fläche / Element) legt fest, als was eine neu gezeichnete Form gilt — das steuert unter anderem, ob sie in der 3D-Ansicht extrudiert (Gebäude/Element) oder flach (Fläche) erscheint.
Formen — Rechteck, Ellipse, Polygon (Klick für jeden Eckpunkt, Doppelklick zum Abschliessen).
Marker — zwei Rollen, Punkt (Stecknadel, z. B. Kiosk, Toiletten) und Wegweiser, dazu eine Auswahl an Icons.
Strasse — siehe Strassen zeichnen unten.
Text — freistehende Beschriftung ohne Fläche.
Hintergrundbild — ein Bild (z. B. ein Übersichtsfoto oder ein technischer Grundriss) einpassen, mit Deckkraft, Einpassung (einpassen/ausfüllen), Versatz und Skalierung.
Rückgängig / Wiederholen und automatisches Speichern beim Bearbeiten.

Ebenen: Über den Reitern oberhalb der Zeichenfläche fügst du weitere Ebenen hinzu (z. B. Erdgeschoss, Obergeschoss, Tribüne) — Doppelklick auf einen Reiter benennt ihn um.

Ein Element auswählen öffnet rechts seine Eigenschaften: Farbe (Füllung, Kontur, Textfarbe — siehe Farbvorschläge), Deckkraft, Höhe, Sockelhöhe, Muster (schraffiert), Beschriftung und eine optionale zweite Zeile, dazu das Info-Popup (Titel, Beschreibung, Bild, Link), das Besucher:innen beim Anklicken sehen. Bei Flächen bestimmt die Reihenfolge (nach vorn/hinten), welche Fläche eine andere verdeckt — bei extrudierten Gebäuden entscheidet stattdessen ihre Position auf dem Plan, was in der 3D-Ansicht wovor liegt (das ist geometrisch zwingend: eine Position kann nicht gleichzeitig näher und weiter weg sein als eine andere).

2D/3D-Vorschau: Der Umschalter oben rechts zeigt den Plan wahlweise flach (die Zeichenansicht) oder als echte 3D-Vorschau — genau das Bild, das später auf deiner Website erscheint. Einige Einstellungen (Stapelhöhe, Neigung, Schrift, Startwinkel, Start-Zoom, Strassen) wirken sich nur in der 3D-Ansicht sichtbar aus — siehe die Hinweise unten.

Speichern, Veröffentlichen, Vorschau: Der Editor speichert automatisch beim Bearbeiten; Veröffentlichen schaltet den Plan für Besucher:innen sichtbar frei.

Farbvorschläge

Bei Füllung, Kontur und Textfarbe einer Fläche findest du neben dem freien Farbwähler eine Reihe von acht vorgeschlagenen Farben — ein aufeinander abgestimmtes Set. Anklicken setzt die Farbe direkt; die freie Auswahl daneben bleibt jederzeit verfügbar, falls keine der acht passt.

Einen Partner zuweisen

Bei ausgewählter Fläche oder ausgewähltem Marker findest du im Eigenschaften-Bereich, direkt neben dem bestehenden Info-Popup, ein Suchfeld über eure Partner (Name und Slug). Eine Auswahl setzt die Zuweisung, ein eigener Knopf entfernt sie wieder. Die Partner selbst legst du unter Engagement → Partner an und pflegst sie dort — fehlt der gesuchte Partner in der Liste, springt ein Link direkt dorthin; der Plan wird vorher automatisch gespeichert, damit keine Zeichenarbeit verloren geht.

Zugewiesen erscheint der Partner künftig mit Logo und Kurztext auf dem Dach dieser Fläche (sichtbar in der 3D-Vorschau), und ein Klick öffnet für Besucher:innen die Partnerkarte mit Link auf seine eigene Detailseite, statt des Info-Popups. Ein Element ohne zugewiesenen Partner zeigt weiterhin ganz normal sein Info-Popup, falls eines gepflegt ist — Partner und Info-Popup schliessen sich pro Element gegenseitig aus.

Stapelhöhe je Ebene

Hat ein Plan mehrere Ebenen, kannst du je Ebene eine Stapelhöhe einstellen (0–2000): wie hoch diese Ebene über der darunterliegenden schwebt. 0 bedeutet kein Stapel — beide Ebenen liegen dann optisch übereinander statt versetzt. In der 3D-Vorschau erscheint die darunterliegende Ebene dabei gedimmt.

Auf einem Plan mit nur einer Ebene siehst du diesen Regler nicht — das ist kein Fehler: Mit nur einer Ebene gibt es nichts, worüber sie schweben könnte, der Wert könnte also nie irgendetwas sichtbar verändern. Sobald du eine zweite Ebene hinzufügst, erscheint der Regler.

Neigung und Schrift

Zwei Einstellungen, die für den gesamten Plan gelten (du findest sie, wenn nichts ausgewählt ist, oberhalb der Hintergrundbild-Einstellungen):

Neigung — der Kamerawinkel der 3D-Ansicht, als Regler.
Schrift — eine von vier Schriften für alle Beschriftungen im Plan (Dächer, Strassennamen, Marker). Solange du hier nichts auswählst, verwendet der Plan weiterhin die Schrift deiner Website — das ändert sich erst, sobald du bewusst eine der vier Schriften wählst. Ein eigener „Website-Schrift”-Button setzt die Auswahl bei Bedarf wieder zurück.

Startwinkel und Start-Zoom

Zusätzlich zu Neigung und Schrift legst du hier den Startwinkel und den Start-Zoom fest — den Blick, mit dem Besucher:innen deinen Lageplan zum ersten Mal sehen. Beide Regler sitzen direkt neben Neigung und Schrift, oberhalb der Hintergrundbild-Einstellungen. Der Grund, warum sich das überhaupt lohnt: In einer 3D-Ansicht verdeckt ein Gebäude im Vordergrund immer eines dahinter — mit dem Startwinkel bestimmst du, welche Seite deines Geländes Besucher:innen zuerst sehen.

Warum sich beim Ziehen an diesen Reglern in der Zeichenansicht nichts bewegt: Startwinkel und Start-Zoom wirken sich nur in der 3D-Vorschau aus (und später auf der veröffentlichten Seite) — nicht im flachen Zeichenmodus. Das ist kein Fehler: Der Zeichenmodus bleibt bewusst ungedreht, weil Zeichnen und Verschieben in einer gedrehten Ansicht kaum zu bedienen wären. Schalte auf die 3D-Vorschau um, um zu sehen, was der Regler tatsächlich bewirkt.

Ein Start-Zoom über 1× kann Teile des Plans anschneiden — der Editor zeigt dir in diesem Fall einen Warnhinweis. Besucher:innen können den Ausschnitt zwar verschieben, aber nur um eine halbe Planbreite: Bei hohem Start-Zoom reicht das nicht mehr bis an den abgeschnittenen Rand. Den ganzen Plan bekommen sie dann nur zu sehen, wenn sie selbst herauszoomen oder die Ansicht zurücksetzen (siehe Drehen und Zoomen auf der Website weiter unten). Prüfe die 3D-Vorschau also, bevor du speicherst.

Ein Plan, an dem du diese beiden Regler nie angefasst hast, verhält sich weiterhin exakt wie bisher — ohne gespeicherten Startwinkel erscheint er unverändert und ungedreht.

Legende

Ein Lageplan kann eine Legende zeigen — eine kleine Übersicht neben oder unter dem Plan. Du findest die Einstellungen dafür an derselben Stelle wie Neigung, Schrift, Startwinkel und Start-Zoom (nichts ausgewählt, oberhalb der Hintergrundbild-Einstellungen):

Anzeigen/Verstecken und ein frei wählbarer Titel (Standard: „Legende”).
Modus:
- Aus — es erscheint keine Legende, auch wenn „Anzeigen” aktiv ist.
- Icons — die bisherige Ansicht: eine Liste der im Plan verwendeten Marker-Icons.
- Partner — die Partner, die auf der gerade angezeigten Ebene einer Fläche oder einem Marker zugewiesen sind, mit Logo, Name und Typ, jeweils verlinkt auf ihre Detailseite. Nicht alle Partner der Organisation und nicht die anderer Ebenen — dafür gibt es das Verzeichnis-Widget im Seiten-Editor.
- Beides — Icons und Partner zusammen.

Ein Plan, an dem du die Legende nie angefasst hast, zeigt weiterhin genau das, was er schon immer gezeigt hat — eine sichtbare Legende mit der Icon-Liste.

Marker ausserhalb der Karte

Normalerweise erscheint ein Marker als Stecknadel innerhalb des gezeichneten Plans. Du kannst ihn stattdessen als „ausserhalb” markieren und eine Richtung (oben/unten/links/rechts) wählen — auf der veröffentlichten Seite erscheint er dann nicht als Stecknadel, sondern als Randhinweis mit Titel, Untertitel, Icon und Pfeil (zum Beispiel „Parkplatz, 200 m →”) — nützlich für Orte, die zwar wichtig, aber nicht Teil des eigentlichen Plans sind, wie einen entfernten Parkplatz oder die nächste Bushaltestelle.

Um einen solchen Marker zu platzieren, ziehst du ihn im Editor einfach über den Rand der Zeichenfläche hinaus — die Zeichenfläche vergrössert sich dabei automatisch, damit der Marker sichtbar und anklickbar bleibt, statt am Rand abgeschnitten zu werden.

Strassen zeichnen

Das Strassen-Werkzeug zeichnet einen Strassenzug mit Namen und Breite:

Werkzeug Strasse wählen.
Klicken setzt Stützpunkte entlang des Verlaufs.
Enter oder Doppelklick schliesst den Zug ab; Escape bricht das Zeichnen ohne zu speichern ab.
Ausgewählt legst du Name und Breite (4–200) im Eigenschaften-Bereich fest.

Grenzen: maximal 12 Strassen pro Plan und maximal 64 Stützpunkte je Strasse. Erreichst du eine der beiden, sagt dir der Editor das direkt — die überzähligen Punkte oder die nächste Strasse werden nicht einfach stillschweigend verworfen.

Warum eine Strasse beim Zeichnen anders aussieht als später auf der Website: In der flachen Zeichenansicht zeigt der Editor eine Strasse als einfache Linie in ihrer echten Breite. Die 3D-Vorschau (und die veröffentlichte Seite) zeichnet stattdessen das fertige Bild — eine Strasse mit beidseitigem Bordstein und ihrem Namen. Nutze den 2D/3D-Umschalter, um das Ergebnis zu sehen, während du zeichnest.

Auf der Website veröffentlichen

Ein Lageplan erscheint nicht von selbst auf deiner Website — du bindest ihn ein:

Als Widget: Füge im Seiten-Editor das Lageplan-Widget ein und trage den Slug des Plans ein (steht in der Lageplan-Liste unter dem Namen, z. B. mall). Ein führender oder abschliessender Schrägstrich (/mall) wird automatisch entfernt — du musst den Slug also nicht exakt tippen.
Mit einem Event verknüpfen: Auf der Event-Seite wählst du unter Lageplan einen vorhandenen Plan und entweder Verknüpfen (das Event zeigt das Original — Änderungen am Plan wirken sich überall aus, wo er verknüpft ist) oder Anpassen (das Event bekommt eine eigene, unabhängige Kopie zum Bearbeiten, z. B. um für ein einzelnes Turnier zusätzliche Stände einzuzeichnen).

Ist der Slug falsch (Tippfehler, gelöschter oder unveröffentlichter Plan), zeigt die öffentliche Seite an dieser Stelle bewusst nichts an — Besucher:innen sehen keinen kaputten Platzhalter. Damit du das trotzdem bemerkst: Die Vorschau im Seiten-Editor prüft den Slug live und zeigt dir dort einen Hinweis inklusive des Slugs, den sie versucht hat.

Drehen und Zoomen auf der Website

In einer 3D-Ansicht verdeckt ein Gebäude im Vordergrund immer eines dahinter — Drehen ist die einzige Möglichkeit, dahinter zu schauen. Deshalb ist ein veröffentlichter Lageplan nicht nur ein Bild: Besucher:innen können ihn frei drehen und zoomen, um sich das Gelände aus jedem Blickwinkel anzusehen.

Ziehen dreht den Plan seitwärts; mit gedrückter Umschalttaste verschiebt Ziehen ihn stattdessen. Auf dem Handy dreht seitliches Wischen.
Strg (oder ⌘) + Mausrad zoomt. Ein blosses Mausrad zoomt bewusst nicht — es scrollt weiterhin ganz normal die Seite, damit dich der Plan nie einfängt, während du an ihm vorbeiscrollst. Auf dem Mac zoomt jetzt auch der Zwei-Finger-Pinch auf dem Trackpad.
Auf dem Handy: Auseinanderziehen mit zwei Fingern zoomt. Sobald hineingezoomt wurde, verschiebt ein einzelner Finger den Plan; seitliches Wischen dreht weiterhin.
Mit der Tastatur: Pfeil links / Pfeil rechts drehen, Umschalt + Pfeiltasten verschieben, +/− zoomen, 0 setzt die Ansicht zurück. Pfeil hoch und Pfeil runter bleiben bewusst der Seite — sie scrollen weiter wie überall sonst.
Sobald du etwas verändert hast, erscheint ein sichtbarer Zurücksetzen-Knopf.
Zwei Dinge ändern sich auf jedem veröffentlichten Plan, auch auf einem, an dem du nie etwas eingestellt hast: Text im Plan lässt sich nicht mehr mit der Maus markieren (sonst zöge ein Drehen eine Textmarkierung über die Beschriftungen), und die Pinch-Geste zum Vergrössern der ganzen Seite wirkt über dem Plan nicht mehr — dort zoomt jetzt der Plan selbst. Ausserhalb des Plans bleibt beides unverändert.

Nichts davon wird gespeichert: Ein Neuladen der Seite zeigt wieder genau den Startwinkel und Start-Zoom, die im Editor hinterlegt sind (siehe Startwinkel und Start-Zoom oben). Beschriftungen, Strassennamen und Sponsoren-Logos auf den Dächern bleiben dabei immer aufrecht stehen, egal wie weit gedreht wird — ein Logo landet nie auf dem Kopf.