# BIM 组件


## 工作
[√] cesium 包装
[√] 自定义绘制面
[√] 自定义customInfobox
[√] 自定义popup
[X] 量算内容添加


# 使用步骤
需要将 cesium 地址装配到项目后使用

## step1

拷贝目录下的 cesium 到 public

## step2

> 全局引用

```javascript
Vue.use(install, {
  cesiumPath: '/Cesium',
});
```

> 单独引用

```javascript
import { Bim } from 'bimland';

<Bim  cesiumPath="/Cesium" :scene-infos="sceneInfos" :key="sceneInfos.length" @pick="pickHandle" @action="actionHandle" tianditu
      tianditu-token="4a00a1dc5387b8ed8adba3374bd87e5e" :polygonsSource="polygonsSource" @polygon="polygonHandle"
      ref="bim"/>
```

配置样式

```scss
--color: #b5bfca;
--background-color: #070a41;
--headerHeight: 50px;
```

### 属性

> scene-infos 默认值 []

| 字段           | 备注             | 必须 |
| -------------- | ---------------- | ---- |
| `dataUrl`      | 数据服务地址     |
| `id`           | 唯一 id          |
| `layerUrl`     | 场景图层服务地址 | √    |
| `name`         | 名称             |
| `workEffortId` | 项目 id          |

> polygonsSource 默认值 []

| 字段        | 备注                    | 必须 |
| ----------- | ----------------------- | ---- |
| `positions` | 标点信息                | √    |
| `color`     | 颜色                    | √    |
| `data`      | 其他数据 再@pick 中返回 |

> bim-tianditu 天地图 默认值 true

布尔值

> bim-tianditu-token 默认值 4a00a1dc5387b8ed8adba3374bd87e5e

字符串

### ref 内容

> draw({color:'rgba()',data:any}) 绘制一个覆盖内容

> cancelDraw() 取消绘制

> addPolygon() 添加一个覆盖绘制内容