# bimsopviewer_getting_started

**Repository Path**: bimsop/bimsopviewer_getting_started

## Basic Information

- **Project Name**: bimsopviewer_getting_started
- **Description**: 使用毕加索bimsop viewer极简指南
- **Primary Language**: HTML
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2018-01-11
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


# 使用毕加索bimsop viewer极简指南

本文档说明一种把三维BIM模型集成到您自己Web系统的最简单的方式， 本文的读者应该有一定的html/javascript编写能力。

## 模型准备

如果有自己的rvt 格式的BIM模型，可按照下列步骤操作。 如果你没有rvt 模型，可以直接使用下面的iframe 代码。

* 在支持WebGL的浏览器中打开 http://xietong.bimsop.com , 注册一个账号，创建一个空间，
* 把 *.rvt 模型文件上传，稍等片刻等待模型转换完毕。
* 在浏览器中浏览三维模型
* 在页面下面工具栏最后一个按钮“分享” --> iframe 分享， 得到一段iframe 代码片段 


 ```
<iframe src="http://xietong.bimsop.com/iframeShareAdv/593b98fd3974240f00b04fca/MTGPoc8rwU7HndF8oot0ApbSR0yE7DD8JuJJBOrjhubdggNpbvirz05Ex9qNLdnVM4ab" width="800" height="600"
      scrolling="no" frameborder="0"></iframe>

 ```


### 支持的revit 模型版本
  Revit 2014~ 2017， 推荐Revit 2016版

### 模型处理中需要注意的问题

  #### {三维} 视图要完整，模型轻量化转换根据{三维}视图转换，三维视图不要有剖面框

  ###  模型要清理干净，不要有游离的族，否则会造成模型重心不稳的问题

  



## 无编码方式方式嵌入

新建一个html页面，把上述代码嵌入。请见 sample1.html。


## 编码方式嵌入


* 在您的页面中加入bimsop viewer相关的js类库：

```

  <!-- 嵌入bimsop viewer的相关类库 -->
  <link href="http://gb9.bimsop.com/bimsopviewer/release/v0.3/style-bottom.css" rel="stylesheet">
  <script src="http://gb9.bimsop.com/bimsopviewer/release/v0.3/three.min.js"></script>
  <script src="http://gb9.bimsop.com/bimsopviewer/release/v0.3/viewer.min.js"></script>


```

* 新建一个 <div> 标签， 编写js代码调用bimsopviewer API 把三维模型浏览器嵌入到div标签中。示例代码请参加sample2.html。这个示例采用云端的一个示例模型，如果需要自己的模型，您需要和我们联系购买轻量化引擎或服务。

## 运行

您需要一个http服务器来运行测试页面， 比如IIS， apache 等。 如果你用node，可以用http-server

```

npm install -g http-server
cd yourfolder 
http-server 
```


## 文档和资料

http://gb9.bimsop.com/bimsopviewer/release/v0.3/docs/index.html 


## 联系

如果您需要购买BIM轻量化引擎或者服务，可和我联系， 电话/微信 I86OO5O376I（杜）, 由于时间关系，现阶段我可能没办法回答您的具体技术问题。我们可以在建立合作关系后由专门的技术支持团队为您提供及时的支持服务，确保您的开发任务完成。