<template>
|
<Popup ref="pop" :title="form.title" left="calc(100% - 340px)" width="300px">
|
<div class="modelPress">
|
<el-form ref="form" :model="form" label-width="80px">
|
<el-form-item label="模型:">
|
<el-select v-model="form.modelId" @change="modelChange">
|
<el-option
|
v-for="item in modelList"
|
:label="item.name"
|
:value="item.id"
|
:key="item.id"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="高度:">
|
<el-input-number
|
v-model="form.height"
|
@change="heightChange"
|
controls-position="right"
|
></el-input-number>
|
</el-form-item>
|
<div class="btn">
|
<el-button type="primary" @click="draw">绘制范围</el-button>
|
<el-button type="primary" @click="importData('shp')"
|
>导入shp</el-button
|
>
|
<el-button type="primary" @click="importData">导入json</el-button>
|
</div>
|
</el-form>
|
</div>
|
</Popup>
|
</template>
|
<script>
|
import Bus from "@tools/Bus";
|
import Popup from "@tools/Popup.vue";
|
let positions, model;
|
export default {
|
name: "modelPress",
|
components: {
|
Popup,
|
},
|
data() {
|
return {
|
modelList: [],
|
form: {
|
title: "模型压平",
|
height: 10,
|
modelId: "",
|
},
|
};
|
},
|
computed: {},
|
mounted() {},
|
methods: {
|
// 关闭弹窗
|
close() {
|
this.$refs.pop.close();
|
model = undefined;
|
},
|
// 打开弹窗
|
open() {
|
this.$refs.pop.open();
|
this.$set(this, "modelList", []);
|
if (sgworld.Creator._SE3DTilesets) {
|
for (let model of sgworld.Creator._SE3DTilesets.values()) {
|
this.modelList.push({
|
id: model.treeobj.id,
|
name: model.treeobj.name,
|
});
|
}
|
model = sgworld.Creator._SE3DTilesets.get(this.form.modelId);
|
model && (this.form.height = model.flattenHeight);
|
}
|
},
|
modelChange() {
|
model = sgworld.Creator._SE3DTilesets.get(this.form.modelId);
|
this.form.height = model.flattenHeight;
|
sgworld.Navigate.flyToObj(model);
|
},
|
heightChange() {
|
if (model) {
|
model.flattenHeight = this.form.height;
|
if (model.flattenData.size) {
|
model.flattenData.forEach((item, key) => {
|
Bus.$emit("updataTreeNode", key, {
|
height: model.flattenHeight,
|
});
|
});
|
}
|
}
|
},
|
addTreeNode(data) {
|
Bus.$emit("addOtherData", "压平", {
|
id: data.id,
|
name: data.name,
|
sourceType: "modelFlatten",
|
modelId: data.modelId,
|
height: model.flattenHeight,
|
positions: data.positions,
|
item: data,
|
});
|
},
|
// 绘制
|
draw() {
|
if (model) {
|
sgworld.Creator.createSimpleGraphic(
|
"polygon",
|
{
|
clampToGround: true,
|
},
|
(entity) => {
|
positions = entity.polygon.hierarchy.getValue().positions;
|
sgworld.Creator.SimpleGraphic.remove(entity.id);
|
let data = model.setFlatten(true, { positions });
|
this.addTreeNode(data);
|
}
|
);
|
} else {
|
this.$message("请选择模型");
|
}
|
},
|
// 导入
|
importData(type) {
|
if (model) {
|
let shp = type === "shp";
|
sgworld.Core.openLocalFile({
|
accept: shp ? ".shp" : ".json,.geojson",
|
callback: (fileURL) => {
|
if (shp) {
|
sgworld.Core.loadShpFile(
|
{
|
shp: fileURL,
|
},
|
(entity) => {
|
let positions;
|
if (entity.polyline) {
|
positions = entity.polyline.positions.getValue();
|
} else if (entity.polygon) {
|
positions = entity.polygon.hierarchy.getValue().positions;
|
}
|
if (positions) {
|
let data = model.setFlatten(true, {
|
fid: entity.id,
|
name: entity.name,
|
positions,
|
});
|
this.addTreeNode(data);
|
}
|
}
|
);
|
} else {
|
model.setFlattenByGeojson(true, fileURL).then((data) => {
|
debugger;
|
data.forEach((item) => {
|
this.addTreeNode(item);
|
});
|
});
|
}
|
},
|
});
|
} else {
|
this.$message("请选择模型");
|
}
|
},
|
},
|
};
|
</script>
|
<style lang="less">
|
.modelPress {
|
width: 300px;
|
.el-select {
|
width: 100%;
|
}
|
|
.btn {
|
text-align: center;
|
}
|
.el-button {
|
margin-left: 10px;
|
padding: 12px;
|
}
|
}
|
</style>
|
