So zeigen/lesen oder lesen .dwg Dateien im Browser

Question

So zeigen oder lesen .dwg Dateien im Browser ohne Verwendung einer Software bedeutet, PHP, jQuery, Javascript oder eine andere Programmiersprache. Dafür bin ich durch https://developer.autodesk.com gegangen und habe eine App mit Client ID und Client Secret, auch index.html erstellt. Aber danach stehe ich fest, um die nächste Bewegung zu finden, um die "Model Derivative API" zu bekommen. Also bitte führe mich für dasselbe. Danke, dass Sie Ihre wertvolle Antwort gegeben haben.

<!-- The Viewer CSS --> 
<link rel="stylesheet" href="https://developer.api.autodesk.com/viewingservice/v1/viewers/style.min.css" type="text/css"> 

<!-- Developer CSS --> 
<style> 
    body { 
     margin: 0; 
    } 
    #MyViewerDiv { 
     width: 100%; 
     height: 100%; 
     margin: 0; 
     background-color: #F0F8FF; 
    } 
</style> 

<!-- The Viewer will be instantiated here --> 
<div id="MyViewerDiv"></div> 

<!-- The Viewer JS --> 
<script src="https://developer.api.autodesk.com/viewingservice/v1/viewers/three.min.js"></script> 
<script src="https://developer.api.autodesk.com/viewingservice/v1/viewers/viewer3D.min.js"></script> 

<!-- Developer JS --> 
<script> 
    var viewer; 
    var options = { 
     env: 'AutodeskProduction', 
     accessToken: '<YOUR_APPLICATION_TOKEN>' 
    }; 
    var documentId = 'urn:<YOUR_URN_ID>'; 
    Autodesk.Viewing.Initializer(options, function onInitialized(){ 
     Autodesk.Viewing.Document.load(documentId, onDocumentLoadSuccess, onDocumentLoadFailure); 
    }); 

    /** 
    * Autodesk.Viewing.Document.load() success callback. 
    * Proceeds with model initialization. 
    */ 
    function onDocumentLoadSuccess(doc) { 

     // A document contains references to 3D and 2D viewables. 
     var viewables = Autodesk.Viewing.Document.getSubItemsWithProperties(doc.getRootItem(), {'type':'geometry'}, true); 
     if (viewables.length === 0) { 
      console.error('Document contains no viewables.'); 
      return; 
     } 

     // Choose any of the avialble viewables 
     var initialViewable = viewables[0]; 
     var svfUrl = doc.getViewablePath(initialViewable); 
     var modelOptions = { 
      sharedPropertyDbPath: doc.getPropertyDbPath() 
     }; 

     var viewerDiv = document.getElementById('MyViewerDiv'); 
     viewer = new Autodesk.Viewing.Private.GuiViewer3D(viewerDiv); 
     viewer.start(svfUrl, modelOptions, onLoadModelSuccess, onLoadModelError); 
    } 

    /** 
    * Autodesk.Viewing.Document.load() failuire callback. 
    */ 
    function onDocumentLoadFailure(viewerErrorCode) { 
     console.error('onDocumentLoadFailure() - errorCode:' + viewerErrorCode); 
    } 

    /** 
    * viewer.loadModel() success callback. 
    * Invoked after the model's SVF has been initially loaded. 
    * It may trigger before any geometry has been downloaded and displayed on-screen. 
    */ 
    function onLoadModelSuccess(model) { 
     console.log('onLoadModelSuccess()!'); 
     console.log('Validate model loaded: ' + (viewer.model === model)); 
     console.log(model); 
    } 

    /** 
    * viewer.loadModel() failure callback. 
    * Invoked when there's an error fetching the SVF file. 
    */ 
    function onLoadModelError(viewerErrorCode) { 
     console.error('onLoadModelError() - errorCode:' + viewerErrorCode); 
    } 

</script> 

Answer 1

Sie können es bequem online bei A360 Viewer testen.

Der Code, auf den Sie hingewiesen haben, ist nur die Seite. Beachten Sie, dass das TOKEN und die URN fehlen. In der Tat, nach der Viewer tutorial werden Sie ein Prepare your file for viewing Tutorial finden.

In jedem Fall benötigen Sie ein Back-End, das Übersetzungsaufträge hoch- und nachlädt. Wir haben einige Beispiele unter github account.

aktualisieren

anzeigen Modelle ohne Programmierung: Sie können Ihre A360-Modelle auf Ihrer Website leicht teilen, hier sind die Schritte:

1. zu A360 gehen und sich einloggen (registrieren)
2. Verwenden Sie ein vorhandenes Projekt oder erstellen Sie ein neues Projekt.
3. Klicken Sie innerhalb des Projekts auf Laden Sie hoch und wählen Sie die Datei auf Ihrem Computer aus. Der Übersetzungsprozess wird automatisch gestartet. Oder Sie können vorhandene Dateien in Ihrem Projekt verwenden.
4. Klicken Sie oben rechts auf die Option "Teilen".
5. Im Popup, gehen Sie zu Embed Tab und wählen Sie dann die Größe. Kopieren Sie den HTML-Code und fügen Sie ihn auf Ihrer Website ein.