1.SampleAppViewer

加载模型文件的组件，sdk开发方式时使用当前组件加载展示bim模型文件，具体可参考sdk的demo示例

1. react开发

import { SampleAppViewer } from 'bjksj-sdk';
function App () {
    // 配置项
    const configProps = {
        uriPrefix: 'http://localhost:3001', // 模型后台服务地址
        bingMapsKey: '',
        mapBoxKey: '',
        cesiumIonKey: ''
    }
    // 模型加载完成的回调函数
    const onInitFinisheds = () => {
        console.log('onInitFinished');
    }
    // 模型文件路径
    const bimFile = 'e:/模型/教学楼.bim';
    // 模型文件是否可编辑
    const isEditable = true; 

    return <div>
          <SampleAppViewer 
              props={configProps} 
              bimFile={bimFile} 
              onInitFinished={onInitFinisheds} 
              bEditable={isEditable} 
          />
    <div/>
}

2. vue开发

   vue项目开发时需要对 <SampleAppViewer>组件进行处理，参考sdk对应配置说明

   <template>
     <div class="app-content">
         <sample-app-viewer
           :props="configProps"
           :bimFile="bimFile"
           :bEditable="isEditable"
           @onInitFinished="onInitFinisheds"
         ></sample-app-viewer>
     </div>
   </template>
   <script>
   import { SampleAppViewer } from "bjksj-sdk";
   export default {
     name: "App",
     components: {
       "sample-app-viewer": SampleAppViewer
     },
     data() {
       return {
         // 配置项
         configProps: {
           uriPrefix: "http://localhost:3001", // 模型后台服务地址
           bingMapsKey: "",
           mapBoxKey: "",
           cesiumIonKey: "",
         },
         // 模型文件路径
         bimFile: "e:/模型/教学楼.bim",
         // 模型文件是否可编辑
         isEditable: true,
       };
     },
     mounted() {},
     methods: {
       // 模型加载完成的回调函数
       onInitFinisheds() {
         console.log("初始化完成");
       },
     },
   };
   </script>