Verwendung

Aktivieren des eingebetteten Viewers

Aktivieren Sie die Einbettung in den Einbettungsoptionen in Configurator 360.

Weitere Informationen finden Sie unter Einbetten einer Konstruktion in eine Webseite.

Referenzieren des API-Skripts

Fügen Sie das API-Skript auf Ihrer Webseite ein.

Beispiel:

<script src="https://configurator360.autodesk.com/Script/v1/EmbeddedViewer"></script>

Container

Fügen Sie an der Position ein Containerelement ein, an der der Viewer auf der Seite angezeigt werden soll. Die Größe muss angegeben werden, da der Viewer den Container ausfüllt.

Beispiel:

<div id="myViewer" style="position:relative;width:1132px;height:768px;"></div>

Initialisieren des Viewers

Fügen Sie JavaScript-Code zum Initialisieren des Viewers ein.

Beispiel:

<script type="text/javascript">
    var C360 = window.ADSK && window.ADSK.C360;

    // Check if the API was loaded.
    if (C360) { // Not supported on mobile devices currently.

        // Initialize the viewer
        C360.initViewer({
            container: "myViewer",
            design: "1234/abcd",
            panes: {    // Panes to show
                parameters: true,
                message: true
            },
            success: function(viewer) { /* Do something */ },
            error: function(viewer) { /* Handle Error */ }
            timeout: function(viewer) { /* Handle Timeout */ }
        });

    }
</script>