82 lines
1.7 KiB
Markdown
82 lines
1.7 KiB
Markdown
|
# 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() 添加一个覆盖绘制内容
|