Zum Hauptinhalt springen

Centerplan — Quick Start (technisch)

Redaktion: Starte bei der Übersicht oder bei Claude Design. Diese Seite ist für Grafik und IT — IDs, Erkennung, Fehlersuche.

Alltag im Dashboard: Centerplan hochladen & Shops zuordnen


Datei vorbereiten

WegWas du lieferst
Claude DesignInteraktiver Plan + SVG zum Upload — Anleitung
KI-Bild / PNGLandscape, lange Kante eher 2400 px oder mehr — Masterprompt
Illustrator / FigmaLayer shops, services, facilities, entrancesIllustrator · SVG-Struktur

IDs eindeutig, kein UUID als Flächen-id. Shop-Namen nicht in die Grafik zeichnen.

Nur Darstellung, keine beschrifteten Flächen? Beim Upload „Nur Darstellung / Schema-Check lockern“ aktivieren.


Im Dashboard

  1. Centerpläne → SVG hochladen oder PNG → Hybrid-SVG.
  2. Etage benennen (0 = EG, 1 = OG, −1 = UG).
  3. Tab Mapping: Fläche klicken → Shop wählen. Speichert sofort.
  4. Vorschau: Treffer sitzt auf der Fläche, nicht auf dem Schatten oder dem Nachbarn.
  5. Weg-Linie gewünscht: Tab Routen → aus der SVG erzeugen. Details: SVG-Routen.

Zoom: Mausrad oder + / −. Verschieben: Leertaste + Ziehen. Kleine Flächen: Namen ausblenden.


Prüfen

  • Mapping zeigt „X von Y Shops gemappt“.
  • Website oder v0: Etage, Klick, Shop-Fenster.
  • Handy: Pinch und Tippen, nichts nur per Hover.

Öffentliche Lesedaten: wayfinding/floors und Shops mit publicWebsite=true. Schreiben nur mit Login. Vertrag: Public API — Centerplan.


Häufige Fehler

SymptomTypische Ursache
Keine Flächen erkanntLayer/IDs fehlen (shops, shop-EG-1) — SVG-Struktur
Klick trifft nichtsText/Logo liegt über der Fläche → Namen ausblenden
Weg-Linie fehltRouten noch nicht aus der SVG erzeugt
Falsches Center / leere EtagecenterId aus dem Slug, nicht die Etagen-UUID aus der Edit-URL

Weiter

Nutzungsstatistik: Seitenaufrufe werden anonymisiert erfasst. Im Umami-Dashboard nach diesem Pfad filtern: /centerplan/quick-start