ブラウザでの.dwgファイルの表示/表示方法または読み込み方法

Question

ソフトウェアを使用せずにブラウザ上の.dwgファイルを表示または読み込む方法は、PHP、jQuery、Javascriptまたは他のプログラミング言語を使用することを意味します。 私はhttps://developer.autodesk.comを通過し、クライアントIDとクライアントシークレットを持つアプリケーションを作成しました。また、index.htmlファイルも作成しました。しかし、その後、私は、必要な "Model Derivative API"を取得するために次の動きを見つけるのに苦労します。だから私も同じように案内してください。あなたの貴重な応答をくれてありがとう。

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

あなたは簡単A360 Viewerオンラインでそれをテストすることができます。

あなたが指摘したコードはちょうどページです。TOKENとURNがどのように欠落しているかに注意してください。実際には、Viewer tutorialに続いてPrepare your file for viewingチュートリアルがあります。

いずれにしても、翻訳のアップロードとポストを行うバックエンドが必要です。github accountにサンプルがあります。プログラミングなし

更新

ショーモデル：

1. がA360にアクセスしてログインしてください（またはサインアップ）
：あなたが簡単にあなたのウェブサイトにあなたのA360モデルを共有することができますが、ここでの手順は次のとおりです
2. 既存のプロジェクトを使用するか、新しいプロジェクトを作成します。
3. アップロードをクリックし、マシン上のファイルを選択します。翻訳処理が自動的に開始されます。または、プロジェクトに既存のファイルを使用することもできます。
4. 右上のアイコンで、[共有]オプションをクリックします。
5. ポップアップでを埋め込みタブに移動し、サイズを選択します。 HTMLをコピーしてウェブサイトに貼り付けます。