JavaScript-Sitzplanbibliothek

Ich erstelle eine Web-App für den Verkauf von Online-Tickets. Wo der Benutzer in der Lage sein wird, einen Sitzplan zu entwerfen. Jeder Sitzplan hat eine Sammlung von Sitzen. Diesen Plätzen können eindeutige Nummern oder Namen zugewiesen werden. Sie können Sitzplätze in größeren Gruppen wie Reihen, Abschnitten oder Ebenen organisieren. Mit anderen Worten, der Benutzer kann sein Layout entwerfen.

Was kann im Frontend verwendet werden, damit der Benutzer das Layout gestalten kann? Gibt es eine JavaScript-Bibliothek (idealerweise Open Source), die mir helfen könnte?

Es wird mehr oder weniger so aussehen:

Grafik mit Sitzplätzen in unterschiedlich farbigen Gruppen

Muss das kostenlos sein oder darf es kommerziell sein?

Antworten (3)

Eines, das ich kenne, heißt "jQuery Seat Charts". Es ist Open Source und auf GitHub verfügbar und bietet eine einfache Möglichkeit, auf Webseiten verfügbare Sitzpläne zu erstellen/entwerfen. Es erstellt eine Karte zusammen mit einer Legende, die eine einfache Schnittstelle für jeden Benutzer darstellt, um die gewünschten Plätze auszuwählen.

jQuery Sitzpläne (Open Source)

jQuery Seat Charts (JSC) ist eine vollständige Sitzplanbibliothek. Es generiert eine zugängliche Karte, eine Legende, verarbeitet Maus- und Tastaturereignisse und gibt Ihnen schließlich leistungsstarke Selektoren zur Steuerung Ihrer Karte.

Screenshot der Anwendung

Essential Diagram for JavaScript unterstützt das Erstellen jeder Art von Diagramm, einschließlich Sitzplänen.

Beispiel

Diagramm JS Airline Sitzplan

Das gesamte Produkt ist kostenlos über die Community-Lizenz erhältlich, wenn Sie sich qualifizieren (weniger als 1 Million USD Umsatz).

Ich arbeite für Syncfusion.

Es stehen viele Optionen zur Verfügung. Wenn Sie einen Kauf planen, kann ich Ihnen untenstehende Diagramme vorschlagen, die Sie anpassen können.

http://www.seatingcharts.com/Demo Geben Sie hier die Bildbeschreibung ein

Link ist defekt, kannst du ihn aktualisieren?