APS Viewer：プロパティ パネルの表示位置

APS Viewer 上で選択したオブジェクトのプロパティ（ジオメトリに付帯するメタデータ）を表示するプロパティ パネルは、必要に応じて表示するプロパティを追加することが出来ます。具体的な方法は、次の記事でご紹介していますので、ご存じでないようでしたら、ぜひご確認ください。

Autodesk Developer Blog : Forge Viewer：プロパティパネル

プロパティ パネルは、Autodesk.PropertiesManager を Id に持つエクステンションで実装されています。

GuiViewer3D を利用されている場合、Autodesk.PropertiesManager エクステンションが自動的にロードされるので、パネルのスタイルに介入して位置決めが可能です。また、エクステンションの Activate メソッドでパネルを表示させることも可能です。

次の例は、エクステンションのロード時に発生する EXTENSION_LOADED_EVENT イベントハンドラで表示サイズと位置を位置決め、表示する一例です。

  :
_viewer.addEventListener(Autodesk.Viewing.EXTENSION_LOADED_EVENT, onExtensionLoaded);
  :

function onExtensionLoaded(event) {
    console.log("*** onExtensionLoaded");
    let panelWidth = 300;
    let panelHeight = 350;    
    if (event.extensionId === 'Autodesk.PropertiesManager') {
        let ext = _viewer.getExtension('Autodesk.PropertiesManager');
        ext.activate();
        let ppanel = _viewer.getPropertyPanel(true);
        ppanel.container.style.width = panelWidth;
        ppanel.container.style.height = panelHeight;
        ppanel.container.style.left = _viewer.getDimensions().width - panelWidth;
        ppanel.container.style.top = 0;
        ppanel.activate();
    }
}