![]()
@@ -748,6 +747,10 @@
label:"无人机核查",
icon:"uav",
value:"uav",
+ },{
+ label:"三维模型",
+ icon:"model",
+ value:"model",
},{
label:"直升机核查",
icon:"helicopter",
@@ -793,6 +796,10 @@
handlerResponseClue(item);
break;
+ case "model":
+ handlerModel(item);
+ break;
+
}
@@ -928,10 +935,6 @@
let data = res.data.result[0];
clueInfo.value = data;
- console.log("clueInfo",clueInfo.value);
-
-
-
// 获取任务列表
handlerGetTaskList();
@@ -1707,6 +1710,10 @@
})
}
+ // 三维模型
+ function handlerModel(item){
+ changeButton("三维模型")
+ }
const changeButton = (type) => {
eventHandlerHook(
chartEditStore.getComponentList,
@@ -2727,11 +2734,10 @@
}
.methods-container{
position:absolute;
- padding:30px 4px 10px 10px;
+ padding:20px 4px 10px 10px;
bottom: 74px;
right: -160px;
width:160px;
- height:300px;
background-image:url(@/assets/images/chart/tasks/taskassign/methods-container-bg.png);
background-size: 100% 100%;
display:none;
diff --git a/src/packages/components/Tasks/Tasks/XgridsModelTools/index.vue b/src/packages/components/Tasks/Tasks/XgridsModelTools/index.vue
index 9550a7b..7be8eba 100644
--- a/src/packages/components/Tasks/Tasks/XgridsModelTools/index.vue
+++ b/src/packages/components/Tasks/Tasks/XgridsModelTools/index.vue
@@ -6,17 +6,26 @@
@@ -45,7 +54,9 @@
import { listDronePort, saveHandFlyTask, endHandFlyTask, endAiInspection } from '@/api/situation';
import * as mars3d from "mars3d";
import * as Cesium from 'mars3d-cesium';
- import {SearchOutlined,CloseCircleFilled,FileOutlined} from '@ant-design/icons-vue';
+ import proj4 from 'proj4';
+ import {SearchOutlined,CloseCircleFilled,FileOutlined,DropboxOutlined} from '@ant-design/icons-vue';
+
import StableWebSocket from './lib/StableWebSocket';
@@ -67,8 +78,6 @@
});
-
-
const { w, h, x, y } = toRefs(props.chartConfig.attr);
const chartEditStore = useChartEditStore();
@@ -464,13 +473,11 @@
}
-
-
// websocket连接
// 创建实例
const ws = new StableWebSocket({
- url: 'ws://221.2.83.243:6090',
+ url: 'ws://221.2.83.243:6050/wsapp/',
reconnectInterval: 3000, // 重连间隔3秒
maxReconnectAttempts: 10, // 最多重连10次
heartbeatInterval: 30000, // 心跳间隔30秒
@@ -485,6 +492,10 @@
ws.onMessage((data) => {
console.log('收到消息:', data);
+ if(data.type == 'map_update'){
+ let modelList:Model[] = data.data.MeshList;
+ mapRender(modelList);
+ }
});
ws.onError((error) => {
@@ -507,38 +518,162 @@
// 手动重连
// ws.reconnect();
-
+const currentModelList = ref
([])
// 获取新的数组 判断有无新数据 追加
-function mergeModelsWithMap(newModels: Model[]) {
-
- if (!modelList.value) {
- modelList.value = [...newModels];
- return;
- }
-
- // 将现有模型转为 Map，以 meshPath 为 key
- const existingMap = new Map(
- modelList.value.map(model => [model.meshPath, model])
- );
-
- // 合并新模型
- newModels.forEach(model => {
- if (!existingMap.has(model.meshPath)) {
- existingMap.set(model.meshPath, model);
- }
- });
-
- // 转回数组
- modelList.value = Array.from(existingMap.values());
+function addNewModels(newArray: Model[]): Model[] {
+ // 找出 newArray 中比 originalArray 多的元素
+ const addedModels = newArray.filter(newModel => {
+ // 检查 originalArray 中是否存在相同的 model
+ return !currentModelList.value?.some(originalModel =>
+ // 根据 meshPath 判断是否相同（假设 meshPath 是唯一标识）
+ originalModel.meshPath === newModel.meshPath
+ );
+ });
+
+ // 将多的元素添加到原数组
+ currentModelList.value?.push(...addedModels);
+
+ return addedModels;
}
+let graphicLayer:mars3d.layer.GraphicLayer;
+
// 叠加飞机中心点、轨迹、三维模型
-function mapRender ():void{
+function mapRender (modelListTemp:Model[]){
+ let addedModels:Model[] = addNewModels(modelListTemp);
+
+ console.log("addedModels",addedModels);
+
+
+ let modelCenter = localToCartesian(0,0,0);
+
+ if(!graphicLayer){
+ graphicLayer = new mars3d.layer.GraphicLayer();
+ window.globalMap.addLayer(graphicLayer);
+ }
+
+
+
+ // 加载三维模型
+ addedModels.forEach((mesh,index)=>{
+
+ // 计算模型中心点（用于放置位置）
+ const centerX = (mesh.boxMinX + mesh.boxMaxX) / 2;
+ const centerY = (mesh.boxMinY + mesh.boxMaxY) / 2;
+ const centerZ = (mesh.boxMinZ + mesh.boxMaxZ) / 2;
+
+ let coordinate = localToCartesian(centerX,centerY,centerZ);
+
+ // 中心点
+ const graphicCenter = new mars3d.graphic.BillboardEntity({
+ position: [coordinate.lng,coordinate.lat,coordinate.alt],
+ style: {
+ image: "https://data.mars3d.cn/img/marker/lace-blue.png",
+ horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+ verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+ clampToGround:true,
+ label:{
+ text:index,
+ pixelOffsetY:-45
+ }
+ },
+ attr: { remark: "点状数据position" }
+ })
+ graphicLayer.addGraphic(graphicCenter)
+
+ // return null;
+
+ let url = mesh.meshPath.replace('D:/S1/Project/droneProject/Multiply/2026-01-17 133410/mesh/', 'http://221.2.83.243:6090/mesh/');
+
+ const graphic = new mars3d.graphic.ModelPrimitive({
+ id:"mesh-"+index,
+ position:[modelCenter.lng,modelCenter.lat,0],
+ style: {
+ url: url,
+ scale: 1,
+ heading:90,
+ pitch:90,
+ roll:0,
+ clampToGround: true,
+ }
+ })
+
+ graphicLayer.addGraphic(graphic)
+
+ window.globalMap.flyToGraphic(graphicCenter,{
+ radius:300
+ });
+
+ })
+
+
+
}
+function flyToModel(mesh){
+ console.log("item",mesh);
+
+ // 计算模型中心点（用于放置位置）
+ const centerX = (mesh.boxMinX + mesh.boxMaxX) / 2;
+ const centerY = (mesh.boxMinY + mesh.boxMaxY) / 2;
+ const centerZ = (mesh.boxMinZ + mesh.boxMaxZ) / 2;
+
+ let coordinate = localToCartesian(centerX,centerY,centerZ);
+
+ window.globalMap.flyToPoint([Number(coordinate.lng),Number(coordinate.lat)],{radius:200});
+}
+
+// 获取中心点坐标
+function localToCartesian(localX, localY, localZ) {
+
+ // 局部坐标转UTM
+ const utmEasting = localX + 39618741.9701438756;
+ const utmNorthing = localY + 3908434.925520379;
+ const altitude = localZ + 142.45785522460938;
+
+ // UTM转WGS84经纬度（需要proj4库）
+ // Zone 39N, WGS84
+ const wgs84 = '+proj=utm +zone=39 +ellps=WGS84 +datum=WGS84 +units=m +no_defs';
+
+ const EPSG4527 = proj4.defs("EPSG:4527","+proj=tmerc +lat_0=0 +lon_0=117 +k=1 +x_0=39500000 +y_0=0 +ellps=GRS80 +units=m +no_defs +type=crs");
+
+ const EPSG4490 = proj4.defs("EPSG:4490","+proj=longlat +datum=WGS84 +no_defs +type=crs");
+
+ // const lonLat = proj4(wgs84, 'EPSG:4326', [utmEasting, utmNorthing]);
+
+ const lonLat = proj4("EPSG:4527", "EPSG:4490", [utmEasting, utmNorthing]);
+
+ // 返回Cesium笛卡尔坐标
+ return {
+ lng:lonLat[0], // 经度
+ lat:lonLat[1], // 纬度
+ alt:altitude // 高程（椭球高）
+ };
+}
+
+
+// 模拟websocket
+function simulationWebsocket():void{
+ let node = 0;
+
+ let modelListTemp:Model[] = [];
+
+ setInterval(function(){
+ modelListTemp = modelList.value?.slice(0,node);
+ node ++;
+ // mapRender(modelListTemp);
+ },10000)
+}
+
+
+
+setTimeout(function(){
+ simulationWebsocket();
+
+},10000)