Active la incrustación en las Opciones de incrustación en Configurator 360.
Para obtener más información, consulte Incrustar el diseño en la página web.
Añada la secuencia de comandos de API a su página web.
Ejemplo:
<script src="https://configurator360.autodesk.com/Script/v1/EmbeddedViewer"></script>
Incluya un elemento contenedor en el que desea que el visor para mostrar en la página. Es necesario definir el tamaño porque el visor rellena el contenedor.
Ejemplo:
<div id="myViewer" style="position:relative;width:1132px;height:768px;"></div>
Incluya el código JavaScript para inicializar el visor.
Ejemplo:
<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>