|
@@ -10,14 +10,16 @@ import '../public/libs/tools.js'
|
|
|
// 定义一个函数,接受元素ID和一个回调函数作为参数,用于处理点击事件
|
|
|
window.waterMap = {}
|
|
|
|
|
|
-function getsqlData(sdkInstance, uwbInstance) {
|
|
|
- let g_PosArrayResult = null;
|
|
|
+var fbxLoader1Loaded = false;
|
|
|
+var fbxLoader2Loaded = false;
|
|
|
|
|
|
- let textureLoader = new THREE.TextureLoader();
|
|
|
- let textureReady = textureLoader.load('../images/location_ready.png');
|
|
|
- let textureRunning = textureLoader.load('../images/location_running.png');
|
|
|
- let textureOffline = textureLoader.load('../images/location_offline.png');
|
|
|
+let textureLoader = new THREE.TextureLoader();
|
|
|
+let textureReady = textureLoader.load('../images/location_ready.png');
|
|
|
+let textureRunning = textureLoader.load('../images/location_running.png');
|
|
|
+let textureOffline = textureLoader.load('../images/location_offline.png');
|
|
|
|
|
|
+function getsqlData(sdkInstance, uwbInstance) {
|
|
|
+ let g_PosArrayResult = null;
|
|
|
if (g_PosArrayResult == null) {
|
|
|
var sqlstr = "SELECT * FROM dat_bench_extend order by bench_id asc";
|
|
|
|
|
@@ -162,235 +164,241 @@ function getsqlData(sdkInstance, uwbInstance) {
|
|
|
|
|
|
var fbxLoader1 = new THREE.GLTFLoader();
|
|
|
fbxLoader1.setDRACOLoader(dracoLoader);
|
|
|
- fbxLoader1.load("../models/meshDraco.gltf", function (fbx) {
|
|
|
-
|
|
|
- let result = g_PosArrayResult;
|
|
|
- for (var item of result) {
|
|
|
- let x = item.x;
|
|
|
- let y = item.y;
|
|
|
- let z = item.z;
|
|
|
- let ang_x = 0.0;
|
|
|
- let ang_y = 0.0;
|
|
|
- let ang_z = 0.0;
|
|
|
- let benchType = item.bench_type
|
|
|
- if (item.use_fix_pos == 1) {
|
|
|
- x = JSON.parse(JSON.stringify(item.fix_pos_x));
|
|
|
- y = JSON.parse(JSON.stringify(item.fix_pos_y));
|
|
|
- z = JSON.parse(JSON.stringify(item.fix_pos_z));
|
|
|
- ang_x = JSON.parse(JSON.stringify(item.fix_angle_x));
|
|
|
- ang_y = JSON.parse(JSON.stringify(item.fix_angle_y));
|
|
|
- ang_z = JSON.parse(JSON.stringify(item.fix_angle_z));
|
|
|
- }
|
|
|
- else {
|
|
|
- }
|
|
|
-
|
|
|
- var distance = 10000.0;
|
|
|
-
|
|
|
- var xSubTmp = x;
|
|
|
- var ySubTmp = y;
|
|
|
- var zSubTmp = z;
|
|
|
- var ang_xSubTmp = ang_x;
|
|
|
- var ang_ySubTmp = ang_y;
|
|
|
- var ang_zSubTmp = ang_z;
|
|
|
-
|
|
|
- if (g_PosArrayResult) {
|
|
|
- var iCount = 0;
|
|
|
- for (var itemSub of g_PosArrayResult) {
|
|
|
-
|
|
|
- iCount++;
|
|
|
- var xSub = itemSub.x;
|
|
|
- var ySub = itemSub.y;
|
|
|
- var zSub = itemSub.z;
|
|
|
- var ang_xSub = 0.0;
|
|
|
- var ang_ySub = 0.0;
|
|
|
- var ang_zSub = 0.0;
|
|
|
- xSub = itemSub.fix_pos_x;
|
|
|
- ySub = itemSub.fix_pos_y;
|
|
|
- zSub = itemSub.fix_pos_z;
|
|
|
- ang_xSub = itemSub.fix_angle_x;
|
|
|
- ang_ySub = itemSub.fix_angle_y;
|
|
|
- ang_zSub = itemSub.fix_angle_z;
|
|
|
- var disTmp = Math.sqrt(Math.pow(x - xSub, 2) + Math.pow(y - ySub, 2) + Math.pow(z - zSub, 2))
|
|
|
- if (disTmp < distance) {
|
|
|
- distance = disTmp;
|
|
|
- xSubTmp = xSub;
|
|
|
- ySubTmp = ySub;
|
|
|
- zSubTmp = zSub;
|
|
|
- ang_xSubTmp = ang_xSub;
|
|
|
- ang_ySubTmp = ang_ySub;
|
|
|
- ang_zSubTmp = ang_zSub;
|
|
|
+ if (!fbxLoader1Loaded) {
|
|
|
+ fbxLoader1.load("../models/meshDraco.gltf", function (fbx) {
|
|
|
+ fbxLoader1Loaded = true;
|
|
|
+ let result = g_PosArrayResult;
|
|
|
+ for (var item of result) {
|
|
|
+ let x = item.x;
|
|
|
+ let y = item.y;
|
|
|
+ let z = item.z;
|
|
|
+ let ang_x = 0.0;
|
|
|
+ let ang_y = 0.0;
|
|
|
+ let ang_z = 0.0;
|
|
|
+ let benchType = item.bench_type
|
|
|
+ if (item.use_fix_pos == 1) {
|
|
|
+ x = JSON.parse(JSON.stringify(item.fix_pos_x));
|
|
|
+ y = JSON.parse(JSON.stringify(item.fix_pos_y));
|
|
|
+ z = JSON.parse(JSON.stringify(item.fix_pos_z));
|
|
|
+ ang_x = JSON.parse(JSON.stringify(item.fix_angle_x));
|
|
|
+ ang_y = JSON.parse(JSON.stringify(item.fix_angle_y));
|
|
|
+ ang_z = JSON.parse(JSON.stringify(item.fix_angle_z));
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ }
|
|
|
+
|
|
|
+ var distance = 10000.0;
|
|
|
+
|
|
|
+ var xSubTmp = x;
|
|
|
+ var ySubTmp = y;
|
|
|
+ var zSubTmp = z;
|
|
|
+ var ang_xSubTmp = ang_x;
|
|
|
+ var ang_ySubTmp = ang_y;
|
|
|
+ var ang_zSubTmp = ang_z;
|
|
|
+
|
|
|
+ if (g_PosArrayResult) {
|
|
|
+ var iCount = 0;
|
|
|
+ for (var itemSub of g_PosArrayResult) {
|
|
|
+
|
|
|
+ iCount++;
|
|
|
+ var xSub = itemSub.x;
|
|
|
+ var ySub = itemSub.y;
|
|
|
+ var zSub = itemSub.z;
|
|
|
+ var ang_xSub = 0.0;
|
|
|
+ var ang_ySub = 0.0;
|
|
|
+ var ang_zSub = 0.0;
|
|
|
+ xSub = itemSub.fix_pos_x;
|
|
|
+ ySub = itemSub.fix_pos_y;
|
|
|
+ zSub = itemSub.fix_pos_z;
|
|
|
+ ang_xSub = itemSub.fix_angle_x;
|
|
|
+ ang_ySub = itemSub.fix_angle_y;
|
|
|
+ ang_zSub = itemSub.fix_angle_z;
|
|
|
+ var disTmp = Math.sqrt(Math.pow(x - xSub, 2) + Math.pow(y - ySub, 2) + Math.pow(z - zSub, 2))
|
|
|
+ if (disTmp < distance) {
|
|
|
+ distance = disTmp;
|
|
|
+ xSubTmp = xSub;
|
|
|
+ ySubTmp = ySub;
|
|
|
+ zSubTmp = zSub;
|
|
|
+ ang_xSubTmp = ang_xSub;
|
|
|
+ ang_ySubTmp = ang_ySub;
|
|
|
+ ang_zSubTmp = ang_zSub;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- x = xSubTmp;
|
|
|
- y = ySubTmp;
|
|
|
- z = zSubTmp;
|
|
|
- ang_x = ang_xSubTmp;
|
|
|
- ang_y = ang_ySubTmp;
|
|
|
- ang_z = ang_zSubTmp;
|
|
|
- x = JSON.parse(JSON.stringify(xSubTmp));
|
|
|
- y = JSON.parse(JSON.stringify(ySubTmp));
|
|
|
- z = JSON.parse(JSON.stringify(zSubTmp));
|
|
|
- ang_x = JSON.parse(JSON.stringify(ang_xSubTmp));
|
|
|
- ang_y = JSON.parse(JSON.stringify(ang_ySubTmp));
|
|
|
- ang_z = JSON.parse(JSON.stringify(ang_zSubTmp));
|
|
|
-
|
|
|
- let card_id = item.card_id;
|
|
|
- let bench_id = item.bench_id;
|
|
|
- let show_remote_button = item.show_remote_button;
|
|
|
- if (benchType == 1) {
|
|
|
- console.log("控制台查看加载gltf文件返回的对象结构", fbx);
|
|
|
- var childMesh = childMesh = fbx.scene.children[0].children[0];
|
|
|
- let childMeshTmp = new THREE.Mesh(childMesh.geometry, childMesh.material)
|
|
|
- let scale = 5;
|
|
|
- childMeshTmp.scale.set(scale, scale, scale)
|
|
|
- //fbx.scene.children[0].scale.set(5, 5, 5)
|
|
|
- //fbx.scene.children[0].position.set(8.7, -1.6, 5.4)
|
|
|
- childMeshTmp.position.set(x, y, z)
|
|
|
- var Euler = new THREE.Euler(Math.PI * ang_x, Math.PI * ang_y, Math.PI * ang_z);
|
|
|
- //var Euler = new THREE.Euler( Math.PI*1.5, Math.PI*0, Math.PI*0);
|
|
|
- var quaternion = new THREE.Quaternion();
|
|
|
- childMeshTmp.quaternion.copy(quaternion.setFromEuler(Euler))
|
|
|
- var customData = {
|
|
|
- benchId: bench_id,
|
|
|
- benchFlag: true,
|
|
|
- bShowRemoteButton: show_remote_button == 1 ? true : false,
|
|
|
- };
|
|
|
- childMeshTmp.userData = customData;
|
|
|
-
|
|
|
- console.log('添加模型和水滴1111')
|
|
|
- sdkInstance.sceneRenderer.scene.add(childMeshTmp)
|
|
|
- }
|
|
|
-
|
|
|
- };
|
|
|
- })
|
|
|
+
|
|
|
+
|
|
|
+ x = xSubTmp;
|
|
|
+ y = ySubTmp;
|
|
|
+ z = zSubTmp;
|
|
|
+ ang_x = ang_xSubTmp;
|
|
|
+ ang_y = ang_ySubTmp;
|
|
|
+ ang_z = ang_zSubTmp;
|
|
|
+ x = JSON.parse(JSON.stringify(xSubTmp));
|
|
|
+ y = JSON.parse(JSON.stringify(ySubTmp));
|
|
|
+ z = JSON.parse(JSON.stringify(zSubTmp));
|
|
|
+ ang_x = JSON.parse(JSON.stringify(ang_xSubTmp));
|
|
|
+ ang_y = JSON.parse(JSON.stringify(ang_ySubTmp));
|
|
|
+ ang_z = JSON.parse(JSON.stringify(ang_zSubTmp));
|
|
|
+
|
|
|
+ let card_id = item.card_id;
|
|
|
+ let bench_id = item.bench_id;
|
|
|
+ let show_remote_button = item.show_remote_button;
|
|
|
+ if (benchType == 1) {
|
|
|
+ console.log("控制台查看加载gltf文件返回的对象结构", fbx);
|
|
|
+ var childMesh = childMesh = fbx.scene.children[0].children[0];
|
|
|
+ let childMeshTmp = new THREE.Mesh(childMesh.geometry, childMesh.material)
|
|
|
+ let scale = 5;
|
|
|
+ childMeshTmp.scale.set(scale, scale, scale)
|
|
|
+ //fbx.scene.children[0].scale.set(5, 5, 5)
|
|
|
+ //fbx.scene.children[0].position.set(8.7, -1.6, 5.4)
|
|
|
+ childMeshTmp.position.set(x, y, z)
|
|
|
+ var Euler = new THREE.Euler(Math.PI * ang_x, Math.PI * ang_y, Math.PI * ang_z);
|
|
|
+ //var Euler = new THREE.Euler( Math.PI*1.5, Math.PI*0, Math.PI*0);
|
|
|
+ var quaternion = new THREE.Quaternion();
|
|
|
+ childMeshTmp.quaternion.copy(quaternion.setFromEuler(Euler))
|
|
|
+ var customData = {
|
|
|
+ benchId: bench_id,
|
|
|
+ benchFlag: true,
|
|
|
+ bShowRemoteButton: show_remote_button == 1 ? true : false,
|
|
|
+ };
|
|
|
+ childMeshTmp.userData = customData;
|
|
|
+
|
|
|
+ console.log('添加模型和水滴1111')
|
|
|
+ sdkInstance.sceneRenderer.scene.add(childMeshTmp)
|
|
|
+ }
|
|
|
+
|
|
|
+ };
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
|
|
|
var fbxLoader2 = new THREE.GLTFLoader();
|
|
|
fbxLoader2.setDRACOLoader(dracoLoader);
|
|
|
- fbxLoader2.load("../models/mesh2Draco.gltf", function (fbx) {
|
|
|
-
|
|
|
- let result = g_PosArrayResult;
|
|
|
- for (var item of result) {
|
|
|
- let x = item.x;
|
|
|
- let y = item.y;
|
|
|
- let z = item.z;
|
|
|
- let ang_x = 0.0;
|
|
|
- let ang_y = 0.0;
|
|
|
- let ang_z = 0.0;
|
|
|
- let benchType = item.bench_type
|
|
|
- if (item.use_fix_pos == 1) {
|
|
|
- x = JSON.parse(JSON.stringify(item.fix_pos_x));
|
|
|
- y = JSON.parse(JSON.stringify(item.fix_pos_y));
|
|
|
- z = JSON.parse(JSON.stringify(item.fix_pos_z));
|
|
|
- ang_x = JSON.parse(JSON.stringify(item.fix_angle_x));
|
|
|
- ang_y = JSON.parse(JSON.stringify(item.fix_angle_y));
|
|
|
- ang_z = JSON.parse(JSON.stringify(item.fix_angle_z));
|
|
|
- }
|
|
|
- else {
|
|
|
- }
|
|
|
-
|
|
|
- var distance = 10000.0;
|
|
|
-
|
|
|
- var xSubTmp = x;
|
|
|
- var ySubTmp = y;
|
|
|
- var zSubTmp = z;
|
|
|
- var ang_xSubTmp = ang_x;
|
|
|
- var ang_ySubTmp = ang_y;
|
|
|
- var ang_zSubTmp = ang_z;
|
|
|
-
|
|
|
- if (g_PosArrayResult) {
|
|
|
- var iCount = 0;
|
|
|
- for (var itemSub of g_PosArrayResult) {
|
|
|
-
|
|
|
- iCount++;
|
|
|
- var xSub = itemSub.x;
|
|
|
- var ySub = itemSub.y;
|
|
|
- var zSub = itemSub.z;
|
|
|
- var ang_xSub = 0.0;
|
|
|
- var ang_ySub = 0.0;
|
|
|
- var ang_zSub = 0.0;
|
|
|
- xSub = itemSub.fix_pos_x;
|
|
|
- ySub = itemSub.fix_pos_y;
|
|
|
- zSub = itemSub.fix_pos_z;
|
|
|
- ang_xSub = itemSub.fix_angle_x;
|
|
|
- ang_ySub = itemSub.fix_angle_y;
|
|
|
- ang_zSub = itemSub.fix_angle_z;
|
|
|
- var disTmp = Math.sqrt(Math.pow(x - xSub, 2) + Math.pow(y - ySub, 2) + Math.pow(z - zSub, 2))
|
|
|
- if (disTmp < distance) {
|
|
|
- distance = disTmp;
|
|
|
- xSubTmp = xSub;
|
|
|
- ySubTmp = ySub;
|
|
|
- zSubTmp = zSub;
|
|
|
- ang_xSubTmp = ang_xSub;
|
|
|
- ang_ySubTmp = ang_ySub;
|
|
|
- ang_zSubTmp = ang_zSub;
|
|
|
- }
|
|
|
+ if (!fbxLoader2Loaded) {
|
|
|
+ fbxLoader2.load("../models/mesh2Draco.gltf", function (fbx) {
|
|
|
+ fbxLoader1Loaded = true;
|
|
|
+ let result = g_PosArrayResult;
|
|
|
+ for (var item of result) {
|
|
|
+ let x = item.x;
|
|
|
+ let y = item.y;
|
|
|
+ let z = item.z;
|
|
|
+ let ang_x = 0.0;
|
|
|
+ let ang_y = 0.0;
|
|
|
+ let ang_z = 0.0;
|
|
|
+ let benchType = item.bench_type
|
|
|
+ if (item.use_fix_pos == 1) {
|
|
|
+ x = JSON.parse(JSON.stringify(item.fix_pos_x));
|
|
|
+ y = JSON.parse(JSON.stringify(item.fix_pos_y));
|
|
|
+ z = JSON.parse(JSON.stringify(item.fix_pos_z));
|
|
|
+ ang_x = JSON.parse(JSON.stringify(item.fix_angle_x));
|
|
|
+ ang_y = JSON.parse(JSON.stringify(item.fix_angle_y));
|
|
|
+ ang_z = JSON.parse(JSON.stringify(item.fix_angle_z));
|
|
|
}
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- x = xSubTmp;
|
|
|
- y = ySubTmp;
|
|
|
- z = zSubTmp;
|
|
|
- ang_x = ang_xSubTmp;
|
|
|
- ang_y = ang_ySubTmp;
|
|
|
- ang_z = ang_zSubTmp;
|
|
|
- x = JSON.parse(JSON.stringify(xSubTmp));
|
|
|
- y = JSON.parse(JSON.stringify(ySubTmp));
|
|
|
- z = JSON.parse(JSON.stringify(zSubTmp));
|
|
|
- ang_x = JSON.parse(JSON.stringify(ang_xSubTmp));
|
|
|
- ang_y = JSON.parse(JSON.stringify(ang_ySubTmp));
|
|
|
- ang_z = JSON.parse(JSON.stringify(ang_zSubTmp));
|
|
|
-
|
|
|
- let card_id = item.card_id;
|
|
|
- let bench_id = item.bench_id;
|
|
|
-
|
|
|
- if (benchType == 2) {
|
|
|
- console.log("控制台查看加载gltf文件返回的对象结构", fbx);
|
|
|
- var childMesh = fbx.scene.children[0];
|
|
|
- let childMeshTmp = new THREE.Mesh(childMesh.geometry, childMesh.material)
|
|
|
- let scale = 0.05;
|
|
|
- childMeshTmp.scale.set(scale, scale, scale)
|
|
|
- //fbx.scene.children[0].scale.set(5, 5, 5)
|
|
|
- //fbx.scene.children[0].position.set(8.7, -1.6, 5.4)
|
|
|
- childMeshTmp.position.set(x, y, z)
|
|
|
- var Euler = new THREE.Euler(Math.PI * ang_x, Math.PI * ang_y, Math.PI * ang_z);
|
|
|
- //var Euler = new THREE.Euler( Math.PI*1.5, Math.PI*0, Math.PI*0);
|
|
|
- var quaternion = new THREE.Quaternion();
|
|
|
- childMeshTmp.quaternion.copy(quaternion.setFromEuler(Euler))
|
|
|
- var customData = {
|
|
|
- benchId: bench_id,
|
|
|
- benchFlag: true,
|
|
|
- };
|
|
|
- childMeshTmp.userData = customData;
|
|
|
- sdkInstance.sceneRenderer.scene.add(childMeshTmp)
|
|
|
- }
|
|
|
- };
|
|
|
- if (!sessionStorage.getItem('3dMode') || sessionStorage.getItem('3dMode') == 0) {
|
|
|
- setTimeout(() => {
|
|
|
- var benchPosList = [];
|
|
|
- for (var item of result) {
|
|
|
- var localPosition = new THREE.Vector3(item.fix_pos_x, item.fix_pos_y, item.fix_pos_z);
|
|
|
- var worldPosition = uwbInstance.convertLocalToWorld(localPosition);
|
|
|
- var pos = sdkInstance.getScreenPosition(worldPosition);
|
|
|
- benchPosList.push(
|
|
|
- {
|
|
|
- x: pos.x,
|
|
|
- y: pos.y,
|
|
|
- benchType: item.bench_type,
|
|
|
- benchId: item.bench_id
|
|
|
+ else {
|
|
|
+ }
|
|
|
+
|
|
|
+ var distance = 10000.0;
|
|
|
+
|
|
|
+ var xSubTmp = x;
|
|
|
+ var ySubTmp = y;
|
|
|
+ var zSubTmp = z;
|
|
|
+ var ang_xSubTmp = ang_x;
|
|
|
+ var ang_ySubTmp = ang_y;
|
|
|
+ var ang_zSubTmp = ang_z;
|
|
|
+
|
|
|
+ if (g_PosArrayResult) {
|
|
|
+ var iCount = 0;
|
|
|
+ for (var itemSub of g_PosArrayResult) {
|
|
|
+
|
|
|
+ iCount++;
|
|
|
+ var xSub = itemSub.x;
|
|
|
+ var ySub = itemSub.y;
|
|
|
+ var zSub = itemSub.z;
|
|
|
+ var ang_xSub = 0.0;
|
|
|
+ var ang_ySub = 0.0;
|
|
|
+ var ang_zSub = 0.0;
|
|
|
+ xSub = itemSub.fix_pos_x;
|
|
|
+ ySub = itemSub.fix_pos_y;
|
|
|
+ zSub = itemSub.fix_pos_z;
|
|
|
+ ang_xSub = itemSub.fix_angle_x;
|
|
|
+ ang_ySub = itemSub.fix_angle_y;
|
|
|
+ ang_zSub = itemSub.fix_angle_z;
|
|
|
+ var disTmp = Math.sqrt(Math.pow(x - xSub, 2) + Math.pow(y - ySub, 2) + Math.pow(z - zSub, 2))
|
|
|
+ if (disTmp < distance) {
|
|
|
+ distance = disTmp;
|
|
|
+ xSubTmp = xSub;
|
|
|
+ ySubTmp = ySub;
|
|
|
+ zSubTmp = zSub;
|
|
|
+ ang_xSubTmp = ang_xSub;
|
|
|
+ ang_ySubTmp = ang_ySub;
|
|
|
+ ang_zSubTmp = ang_zSub;
|
|
|
}
|
|
|
- )
|
|
|
+ }
|
|
|
}
|
|
|
- window.showBenchPos(benchPosList);
|
|
|
- }, 2000
|
|
|
- )
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- })
|
|
|
+
|
|
|
+
|
|
|
+ x = xSubTmp;
|
|
|
+ y = ySubTmp;
|
|
|
+ z = zSubTmp;
|
|
|
+ ang_x = ang_xSubTmp;
|
|
|
+ ang_y = ang_ySubTmp;
|
|
|
+ ang_z = ang_zSubTmp;
|
|
|
+ x = JSON.parse(JSON.stringify(xSubTmp));
|
|
|
+ y = JSON.parse(JSON.stringify(ySubTmp));
|
|
|
+ z = JSON.parse(JSON.stringify(zSubTmp));
|
|
|
+ ang_x = JSON.parse(JSON.stringify(ang_xSubTmp));
|
|
|
+ ang_y = JSON.parse(JSON.stringify(ang_ySubTmp));
|
|
|
+ ang_z = JSON.parse(JSON.stringify(ang_zSubTmp));
|
|
|
+
|
|
|
+ let card_id = item.card_id;
|
|
|
+ let bench_id = item.bench_id;
|
|
|
+
|
|
|
+ if (benchType == 2) {
|
|
|
+ console.log("控制台查看加载gltf文件返回的对象结构", fbx);
|
|
|
+ var childMesh = fbx.scene.children[0];
|
|
|
+ let childMeshTmp = new THREE.Mesh(childMesh.geometry, childMesh.material)
|
|
|
+ let scale = 0.05;
|
|
|
+ childMeshTmp.scale.set(scale, scale, scale)
|
|
|
+ //fbx.scene.children[0].scale.set(5, 5, 5)
|
|
|
+ //fbx.scene.children[0].position.set(8.7, -1.6, 5.4)
|
|
|
+ childMeshTmp.position.set(x, y, z)
|
|
|
+ var Euler = new THREE.Euler(Math.PI * ang_x, Math.PI * ang_y, Math.PI * ang_z);
|
|
|
+ //var Euler = new THREE.Euler( Math.PI*1.5, Math.PI*0, Math.PI*0);
|
|
|
+ var quaternion = new THREE.Quaternion();
|
|
|
+ childMeshTmp.quaternion.copy(quaternion.setFromEuler(Euler))
|
|
|
+ var customData = {
|
|
|
+ benchId: bench_id,
|
|
|
+ benchFlag: true,
|
|
|
+ };
|
|
|
+ childMeshTmp.userData = customData;
|
|
|
+ sdkInstance.sceneRenderer.scene.add(childMeshTmp)
|
|
|
+ }
|
|
|
+ };
|
|
|
+ if (!sessionStorage.getItem('3dMode') || sessionStorage.getItem('3dMode') == 0) {
|
|
|
+ setTimeout(() => {
|
|
|
+ var benchPosList = [];
|
|
|
+ for (var item of result) {
|
|
|
+ var localPosition = new THREE.Vector3(item.fix_pos_x, item.fix_pos_y, item.fix_pos_z);
|
|
|
+ var worldPosition = uwbInstance.convertLocalToWorld(localPosition);
|
|
|
+ var pos = sdkInstance.getScreenPosition(worldPosition);
|
|
|
+ benchPosList.push(
|
|
|
+ {
|
|
|
+ x: pos.x,
|
|
|
+ y: pos.y,
|
|
|
+ benchType: item.bench_type,
|
|
|
+ benchId: item.bench_id
|
|
|
+ }
|
|
|
+ )
|
|
|
+ }
|
|
|
+ window.showBenchPos(benchPosList);
|
|
|
+ }, 2000
|
|
|
+ )
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
|
|
|
|
|
|
});
|
|
@@ -447,19 +455,16 @@ export function uwbMain(domId, modelWidth, modelHeight, finalMode, callback) {
|
|
|
vrBgContainer.style.height = modelHeight + 'px'
|
|
|
vrBgContainer.style.backgroundColor = 'transparent'
|
|
|
|
|
|
- // sdkInstance.player.mode = finalMode;
|
|
|
- setTimeout(() => {
|
|
|
- window.sdkInstance.emit("endLoading", finalMode);
|
|
|
- window.sdkInstance.emit("modeChange", null, finalMode);
|
|
|
- if (!sessionStorage.getItem('3dMode') || sessionStorage.getItem('3dMode') == 0) {
|
|
|
- window.sdkInstance.changeMode(finalMode);
|
|
|
- setTimeout(() => {
|
|
|
- var container = document.getElementById("ordinary-map")
|
|
|
- container.style.opacity = 1;
|
|
|
- }, 500)
|
|
|
- }
|
|
|
-
|
|
|
- }, 3000)
|
|
|
+ window.sdkInstance.emit("endLoading", finalMode);
|
|
|
+ window.sdkInstance.emit("modeChange", null, finalMode);
|
|
|
+ if (!sessionStorage.getItem('3dMode') || sessionStorage.getItem('3dMode') == 0) {
|
|
|
+ window.sdkInstance.changeMode(finalMode);
|
|
|
+ setTimeout(() => {
|
|
|
+ var container = document.getElementById("ordinary-map")
|
|
|
+ container.style.opacity = 1;
|
|
|
+ }, 500)
|
|
|
+ }
|
|
|
+
|
|
|
sdkInstance.on("endLoading", (mode) => {
|
|
|
console.log(mode, '-----+++++-----')
|
|
|
vrBgContainer.style.display = "none";
|
|
@@ -486,53 +491,41 @@ export function uwbMain(domId, modelWidth, modelHeight, finalMode, callback) {
|
|
|
pointLight.position.set(200, 200, 200); //设置点光源位置
|
|
|
sdkInstance.sceneRenderer.scene.add(pointLight); //将点光源添加至场景
|
|
|
g_gltf_downloaded = true;
|
|
|
- getsqlData(sdkInstance, uwbInstance);
|
|
|
}
|
|
|
let ambientLight = new THREE.AmbientLight(0xffffff); //设置环境光
|
|
|
sdkInstance.sceneRenderer.scene.add(ambientLight); //将环境光添加到场景中
|
|
|
let pointLight = new THREE.PointLight(0xffffff, 1, 0);
|
|
|
pointLight.position.set(200, 200, 200); //设置点光源位置
|
|
|
sdkInstance.sceneRenderer.scene.add(pointLight); //将点光源添加至场景
|
|
|
- setTimeout(
|
|
|
- function () {
|
|
|
- getsqlData(sdkInstance, uwbInstance)
|
|
|
- },
|
|
|
- 100
|
|
|
- );
|
|
|
|
|
|
if (g_fbxLoader == null) {
|
|
|
g_fbxLoader = new THREE.GLTFLoader();
|
|
|
- g_fbxLoader.load("../models/mesh2.gltf", function (fbx) {
|
|
|
- let ambientLight = new THREE.AmbientLight(0xffffff); //设置环境光
|
|
|
- sdkInstance.sceneRenderer.scene.add(ambientLight); //将环境光添加到场景中
|
|
|
- let pointLight = new THREE.PointLight(0xffffff, 1, 0);
|
|
|
- pointLight.position.set(200, 200, 200); //设置点光源位置
|
|
|
- sdkInstance.sceneRenderer.scene.add(pointLight); //将点光源添加至场景
|
|
|
- g_fbx = fbx;
|
|
|
- console.log("控制台查看加载gltf文件返回的对象结构", fbx);
|
|
|
- //fbx.scene.children[0].children[0].scale.set(5, 5, 5)
|
|
|
- //window.shader = new THREE.MeshStandardMaterial(fbx.scene.children[0].children[0].material);
|
|
|
- //window.shader1 = new THREE.MeshStandardMaterial(fbx.scene.children[0].children[0].material);
|
|
|
- setTimeout(
|
|
|
- function () {
|
|
|
- getsqlData(sdkInstance, uwbInstance)
|
|
|
- },
|
|
|
- 100
|
|
|
- );
|
|
|
- });
|
|
|
- if (false) {
|
|
|
- sqlQueryInited = true;
|
|
|
- var index = 0;
|
|
|
- setTimeout(
|
|
|
- function (card_id, x, y, z) {
|
|
|
- var timerId = setInterval(function () {
|
|
|
- //console.log(++index + "秒钟到了");
|
|
|
- getsqlData(sdkInstance, uwbInstance)
|
|
|
- }, 1000);
|
|
|
- },
|
|
|
- 500
|
|
|
- );
|
|
|
- }
|
|
|
+ // g_fbxLoader.load("../models/mesh2.gltf", function (fbx) {
|
|
|
+ // let ambientLight = new THREE.AmbientLight(0xffffff); //设置环境光
|
|
|
+ // sdkInstance.sceneRenderer.scene.add(ambientLight); //将环境光添加到场景中
|
|
|
+ // let pointLight = new THREE.PointLight(0xffffff, 1, 0);
|
|
|
+ // pointLight.position.set(200, 200, 200); //设置点光源位置
|
|
|
+ // sdkInstance.sceneRenderer.scene.add(pointLight); //将点光源添加至场景
|
|
|
+ // g_fbx = fbx;
|
|
|
+ // console.log("控制台查看加载gltf文件返回的对象结构", fbx);
|
|
|
+ // //fbx.scene.children[0].children[0].scale.set(5, 5, 5)
|
|
|
+ // //window.shader = new THREE.MeshStandardMaterial(fbx.scene.children[0].children[0].material);
|
|
|
+ // //window.shader1 = new THREE.MeshStandardMaterial(fbx.scene.children[0].children[0].material);
|
|
|
+ // });
|
|
|
+ // if (false) {
|
|
|
+ // sqlQueryInited = true;
|
|
|
+ // var index = 0;
|
|
|
+ // setTimeout(
|
|
|
+ // function (card_id, x, y, z) {
|
|
|
+ //
|
|
|
+ // },
|
|
|
+ // 500
|
|
|
+ // );
|
|
|
+ // }
|
|
|
+
|
|
|
+ var timerId = setInterval(function () {
|
|
|
+ getsqlData(sdkInstance, uwbInstance)
|
|
|
+ }, 1500);
|
|
|
}
|
|
|
|
|
|
|