import store from "../../../store";
|
import Bus from "@tools/Bus";
|
const model = {
|
title: null,
|
modelLayer: null,
|
titleSet: null,
|
from: null,
|
changeLayer(item, res) {
|
store.state.addModelFlag = res;
|
this.title = item;
|
this.setModelMouseMove();
|
},
|
setModelCoord(res) {
|
store.state.addModelFlag = false;
|
this.setModelMouseMove();
|
if (res) {
|
var id = new Date().getTime();
|
var obj = {
|
id: id,
|
sourceType: 'GLB',
|
name: this.title.name,
|
style: {
|
url: this.title.url,
|
name: this.title.name,
|
longitude: res.longitude,
|
latitude: res.latitude,
|
altitude: res.altitude,
|
heading: res.heading,
|
pitch: res.pitch,
|
roll: res.roll,
|
scale: res.scale,
|
url: this.title.url,
|
id: id,
|
sourceType: 'GLB',
|
}
|
}
|
Bus.$emit("addOtherData", "对象", obj);
|
|
}
|
|
},
|
setModelMouseMove() {
|
if (store.state.addModelFlag) {
|
document.getElementById("myImage").src = layerData.config.img_url + this.title.imgUrl;
|
document.onmousemove = (event) => {
|
this.setMouseMove(event)
|
}
|
} else {
|
document.getElementById("myImage").src = "";
|
$("#imageModel").hide();
|
}
|
},
|
setMouseMove(res) {
|
if (!store.state.addModelFlag) return;
|
var odiv = document.getElementById("imageModel");
|
odiv.style.top = (res.clientY - 15) + "px";
|
odiv.style.left = (res.clientX + 15) + "px";
|
$("#imageModel").show();
|
},
|
addModelLayer(res) {
|
if (!res) return;
|
this.getModelLayer();
|
var modelMatrix = this.getModelMatrix(res.style);
|
var url = layerData.config.Model_URL + res.style.url;
|
var model = this.modelLayer.add(Cesium.Model.fromGltf({
|
id: res.id,
|
url: url,
|
scale: res.scale,
|
minimumPixelSize: 64,
|
modelMatrix: modelMatrix
|
|
}));
|
model.name = res.name;
|
setTimeout(() => {
|
this.updateGlbModel(model, res.style)
|
}, 200);
|
|
},
|
setDelGLBModel(res) {
|
|
for (var i = 0; i < this.modelLayer._primitives.length; i++) {
|
var model = this.modelLayer._primitives[i]
|
if (model.id == res.id) {
|
this.modelLayer.remove(this.modelLayer._primitives[i]);
|
}
|
}
|
},
|
flyTo(res) {
|
for (var i = 0; i < this.modelLayer._primitives.length; i++) {
|
var model = this.modelLayer._primitives[i]
|
if (model.id == res.id) {
|
// Viewer.trackedEntity = this.modelLayer._primitives[i]
|
Viewer.scene.camera.flyTo(this.modelLayer._primitives[i])
|
}
|
}
|
},
|
getEditModelLayer(res) {
|
for (var i = 0; i < this.modelLayer._primitives.length; i++) {
|
var model = this.modelLayer._primitives[i]
|
if (model.id == res.id) {
|
this.titleSet = this.modelLayer._primitives[i];
|
}
|
}
|
if (!this.titleSet) return;
|
var cm = this.titleSet.modelMatrix; // 获取当前模型modelMatrix
|
var cartesian = new Cesium.Cartesian3(cm[12], cm[13], cm[14]);
|
var carto = Cesium.Cartographic.fromCartesian(cartesian);
|
|
var m1 = Cesium.Transforms.eastNorthUpToFixedFrame(Cesium.Matrix4.getTranslation(cm, new Cesium.Cartesian3()), Cesium.Ellipsoid.WGS84, new Cesium.Matrix4());
|
var m3 = Cesium.Matrix4.multiply(Cesium.Matrix4.inverse(m1, new Cesium.Matrix4()), cm, new Cesium.Matrix4());
|
var mat3 = Cesium.Matrix4.getRotation(m3, new Cesium.Matrix3());
|
var q = Cesium.Quaternion.fromRotationMatrix(mat3);
|
var hpr = Cesium.HeadingPitchRoll.fromQuaternion(q);
|
|
this.form = {
|
id: this.titleSet.id,
|
sourceType: 'GLB',
|
name: this.titleSet.name,
|
style: {
|
url: res.style.url,
|
name: this.titleSet.name,
|
altitude: Math.round(carto.height * 10) / 10,
|
longitude: res.style.longitude,
|
latitude: res.style.latitude,
|
heading: Math.round(Cesium.Math.toDegrees(hpr.heading)),
|
pitch: Math.round(Cesium.Math.toDegrees(hpr.pitch)),
|
roll: Math.round(Cesium.Math.toDegrees(hpr.roll)),
|
scale: this.titleSet.scale,
|
url: res.style.url,
|
id: this.titleSet.id,
|
sourceType: 'GLB',
|
}
|
}
|
store.state.showModelFlag = false;
|
store.state.isShowEditLayer = true;
|
},
|
setEditChanege(res, flag) {
|
this.form = res;
|
Bus.$emit("updataTreeNode", this.form.id, this.form);
|
if (flag == 2) {
|
this.updateGlbModel(this.titleSet, this.form.style)
|
}
|
},
|
updateGlbModel(model, res) {
|
if (!res.longitude) return
|
var cm = model.modelMatrix; // 获取当前模型modelMatrix
|
var nc = Cesium.Cartesian3.fromDegrees(res.longitude, res.latitude, res.altitude);
|
var newHeading = Cesium.Math.toRadians(res.heading); //改变Heading值
|
var newPitch = Cesium.Math.toRadians(res.pitch); // pitch值填当前模型pitch，上文介绍过如何获取
|
var newRoll = Cesium.Math.toRadians(res.roll); // 同上
|
var headingPitchRoll = new Cesium.HeadingPitchRoll(newHeading, newPitch, newRoll);
|
var m = Cesium.Transforms.headingPitchRollToFixedFrame(nc, headingPitchRoll, Cesium.Ellipsoid.WGS84, Cesium.Transforms.eastNorthUpToFixedFrame, new Cesium.Matrix4());
|
model.modelMatrix = m;
|
model.scale = res.scale;
|
var sm = Cesium.Matrix4.fromScale(new Cesium.Cartesian3(res.scale, res.scale, res.scale), new Cesium.Matrix4());
|
model.modelMatrix = Cesium.Matrix4.multiply(model.modelMatrix, sm, model.modelMatrix);
|
},
|
|
getModelMatrix(res) {
|
var headingPitchRoll = new Cesium.HeadingPitchRoll(res.heading, res.pitch, res.roll);
|
var position = Cesium.Cartesian3.fromDegrees(res.longitude, res.latitude, res.altitude);
|
var modelMatrix = Cesium.Transforms.headingPitchRollToFixedFrame(
|
position, headingPitchRoll, Cesium.Ellipsoid.WGS84,
|
Cesium.Transforms.eastNorthUpToFixedFrame,
|
new Cesium.Matrix4());
|
return modelMatrix;
|
},
|
|
getModelLayer() {
|
if (this.modelLayer == null) {
|
this.modelLayer = new Cesium.PrimitiveCollection();
|
this.modelLayer.id = "model_layer";
|
Viewer.scene.primitives.add(this.modelLayer);
|
}
|
},
|
}
|
export default model;
|
