使用

埋め込みビューアを有効にする

Configurator 360 の埋め込みオプションで埋め込みを有効にします。

詳細については、「Web ページに設計を埋め込む」を参照してください。

API スクリプトを参照する

API スクリプトを Web ページに追加します。

例:

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

コンテナ

ページにビューアを表示するコンテナ要素を含めます。ビューアはコンテナに配置されるため、サイズを設定する必要があります。

例:

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

ビューアを初期化する

ビューアを初期化する JavaScript コードを含めます。

例:

<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>