Erstellen interaktiver Grundrisse mit der API

Für den Einstieg in die Erstellung eines interaktiven Grundrisses mit dem Plans JavaScript SDK sind drei Hauptschritte notwendig, um einen interaktiven Plan zu erstellen und zu bearbeiten.

1. Laden Sie den Anhang API Template.html in diesem Handbuch herunter

2. Öffnen Sie die Kontoverwaltungsseite und generieren Sie einen API-Schlüssel.

3. Verwenden Sie die API documentation und Ihren API-Schlüssel, um ein API-Viewer-Token zu generieren.

Anschließend können Sie die API-Vorlage bearbeiten, Ihr Token einfügen und alle erforderlichen Änderungen vornehmen.

1. Die standardmäßige interaktive Grundrissvorlage

Nachdem Sie den API Template.html -Anhang in diesem Handbuch heruntergeladen haben, öffnen Sie ihn mit einer Anwendung wie Notepad++ .

Diese HTML-Datei verweist auf einen Viewer, der von Locatrix gehostet wird und von Zeit zu Zeit aktualisiert wird, um neue Funktionen und Optionen einzuschließen, die Sie Ihrem interaktiven Plan hinzufügen können, indem Sie sie am Ende der HTML-Datei einfügen.

Sie verwenden diese Datei als Ausgangspunkt und fügen nach der Erstellung ein Viewer-Token für die Pläne ein, die Sie in den unten hervorgehobenen Bereich verwenden möchten.

2. Generieren und API-Schlüssel und -Geheimnis

Öffnen Sie die Account Management Page und navigieren Sie über das Hamburger-Menü in der oberen linken Ecke zu Anwendungen -> API-Schlüssel.

Klicken   Sie auf „Rolle auswählen“, geben Sie dem API-Schlüssel einen Namen und klicken Sie

Dadurch werden Ihnen ein eindeutiger API-Schlüssel und ein einzigartiges Geheimnis generiert. Lassen Sie dieses Fenster geöffnet oder kopieren Sie diese an einen sicheren Ort, um sie beim Generieren Ihres Viewer-Tokens zu verwenden.

Hinweis: Sobald Sie dieses Fenster geschlossen haben, können Sie diese nicht mehr sehen.

3. Generieren eines Viewer-Tokens

Öffnen Sie die API documentation

und generieren Sie ein API-Viewer-Token, indem Sie zum Online-Viewer-Token-Generator navigieren.

Hier können Sie Ihren API-Schlüssel und Ihr Geheimnis einfügen, das wir im letzten Schritt auf der Kontoverwaltungsseite generiert haben.

Öffnen Sie als Nächstes PlanStudio, navigieren Sie zu den Plänen, die Sie verwenden möchten, und klicken Sie mit der rechten Maustaste auf in der unteren linken Ecke des Planeditors.

Hier können Sie die Partner- und Campus-Codes kopieren, um sie im Viewer-Token-Generator zu verwenden.

Hinweis: Partner- und Campuscodes können durch Anklicken kopiert werden.

Zuletzt müssen Sie den Unix-Zeitstempel bearbeiten, um festzulegen, wann das Viewer-Token ablaufen soll. Um eine Uhrzeit und ein Datum in Unix umzuwandeln, gehen Sie zu einer Website wie https://www.unixtimestamp.com/

Wenn Sie fertig sind, können Sie auf „Generieren“ klicken und erhalten dann Ihr einzigartiges Viewer-Token, das Sie kopieren und in Ihre HTML-Datei einfügen können.

Sie können nun Ihr Viewer-Token an der angegebenen Stelle einfügen. Achten Sie dabei darauf, die Anführungszeichen am Anfang und Ende des Codes beizubehalten

Von hier aus können Sie nun Ihr interaktives Plan-Erlebnis anpassen, indem Sie die Einstellungsparameter auf „Wahr“ oder „Falsch“ ändern, um die von Ihnen benötigten Funktionen zu aktivieren oder zu deaktivieren.

Diese Datei kann jetzt lokal verwendet oder zur Verwendung über Ihre Website oder über einen QR-Code hochgeladen werden.