From 46449ab8a14415f3f9165a2cd91b1e7c08fdf9c4 Mon Sep 17 00:00:00 2001
From: cwchen <1048842385@qq.com>
Date: Thu, 15 Jan 2026 17:28:46 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=B0=E5=9B=BE=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/static/image/real_postion.png | Bin 743 -> 728 bytes
 src/static/map.html               | 821 +++++++++++++++++++-----------
 2 files changed, 523 insertions(+), 298 deletions(-)

diff --git a/src/static/image/real_postion.png b/src/static/image/real_postion.png
index ac9c5ed1b92ada1f17c9c38ed814c3e056bcbf96..10a539723706523817271ba712451487e373fed4 100644
GIT binary patch
delta 654
zcmV;90&)H41=t0UR)1|tL_t(|0qs`7Zqq;zeeMM~5iXPybuPfI;SZc2p!@(zFL13m
zBZy0Wpr{`}D?Wfqd_a>gh;xKXHk=BVm{UQbEc0T=v8AlDYe%3;dD84U(d^9I-PxG|
zHrU`gL2KO*IS~0MGS&<5`&^_W;$z)N9fu-QZHLg-wrAnomw)M8gfsdR;AAB8S6~t+
zI<0#mcY(b}z|#lWQYF&%JWo|7kaw=c+5RVBFhME&+p^%9%ndsds|bu~GrABfAAtB5
ztkAfbkZ5gZBpwTic$w}N%+5okJ9lwT#6OcYDskzH9GG-HgL5w8?$JCJLqAXn!A^1#
z<U~`;PQi2n0e^?H&()n14A_1WGmMDNG943v&YVD9oQ|^301gCv4x?|V4L;WtEw~bh
z)<8hTMVqz+{uxXJ6o;J#YJ*uaZ_}1Q#38tk`UJMC5$JQ+-$iZgJ<L8&;6UJ1BxWL^
zR0Zont~d=~OCZfyNBn;OM6$>YIAdN9QiP_0WGqJP0e@r~VhzPeoHtFn#%GwGLYoE{
z$-@^}i7f@MZ1}uT3EO4*Rt?GY62m*UX8C-Up3lBWmb_RbDiY(1>Fh3Ih6zaiZ?0-c
z?C@51y92vkY<j6Rb^T-AwK2W&1TysWSh^jbJLFE;`OL3`yN$lf+f_;Nk$ynojrrcI
z5(tpAXMd~lM=D>}8`!AY*MiqxABJR7fEFD~=WYau-*}0nyD>RexWXYE;6~t3o~Bpg
zz(XiH3J$Q3fjoMeu@Dsg)AoUvN40)nYjzbyT$Lvrv#Bb0<wdgNqwKeKKl*wEh$Prl
o8hG#UU%=eZ(;aNE!F9%8&J02Az+IFF00000Ne4wvM6N<$f;R0n1poj5

delta 669
zcmV;O0%HBx1?L5jR)2g+L_t(|0qvGCZWBQihW|B|fC|$PDl%?>F3t_s7a&{!*$uQw
zkB|)%lz=#Z9dQ66ae%c?V4Dt_Y^Xxzr6Nd%&HFuTJC?ocnOP@NB!ALOCcEQ#|Gs(i
z<^dZvTx;IMb-ayz<iLX~jkts&dWdEG54(8nMR1@1SBf~0UVq6aDBM5;j<|W?U92#|
z@!Ye5c;Thjhb3+v7$I1A_8;%zfV}_)9$mkPFYgXuiQN`x*9R#ANF?veHUVkpfzdeF
zRK|>w1f<ngn0r8<_rP#=6|cOG$;2YeX_amPwH?{)2S8;@Tv5_5LUDNb8)$z6x+gLo
zq9u>ZSQqMJ+<$C#<9K)$8^O5}kVd&-<rc_#O1|z`-O>Md<O|ya`TG+%NkXl1U)nuj
z?=kT7p?)^}gXr#U?0TLTIt!q2=zUjobN#D!aTXLBJezJ$D6N_$VwC`9JJmmxRX)oZ
z`wJr&D-^*vNkq^SOOIwD!*~<Pm)jU8(V6~Ds7)$q`+sS3y%gj8(Ky$aKj{c}!Qa-N
zpe8Q0%nNBA@Yx-GcQ;NLupJ#UjELH@IcWlF69IWS988BkECeWagI~xEk845&wgUQV
z5D-T5YnlqUGSUQu?6ynD4YTCMHBAMKODkSFxdm*w3Fxq^?;tmOkEX*mECd`%i<n5*
zT;Y8%xqqC5E=&a^8S4YbttXO2Zo-<$eUQ*hyO2^ZBT2^$!5-Fd8Hw@K;w1GLCSIs=
z0Y-A~#jFC#f?L*mK6evVv*sHWB*3f^W_mvQAzAWtmZ&I<CuUr(&0;3Ridw)55z;U#
z$l_r#cMVx&QG}9Kmlm*CxnPvzFVgle#qfp=mlnx6NHaUMx0=H100000NkvXXu0mjf
Dy(Tf5

diff --git a/src/static/map.html b/src/static/map.html
index aa8440d..8796e6f 100644
--- a/src/static/map.html
+++ b/src/static/map.html
@@ -6,7 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
 
     <script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>
-    <script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&&type=webgl&ak=iqyZkSZPurf61MhFV7hesbDukHdMBEEb"></script>
+    <script type="text/javascript"
+        src="https://api.map.baidu.com/api?v=3.0&&type=webgl&ak=iqyZkSZPurf61MhFV7hesbDukHdMBEEb"></script>
     <script type="text/javascript" src="https://api.map.baidu.com/library/Convertor/1.2/src/Convertor_min.js"></script>
     <script type="text/javascript">
         // 确保Convertor库加载完成
@@ -15,7 +16,7 @@
             window.baiduMapConvertorReady = true;
         } else {
             // 监听Convertor库加载
-            setTimeout(function() {
+            setTimeout(function () {
                 if (typeof BMapGL !== 'undefined' && typeof BMapGL.Convertor !== 'undefined') {
                     window.baiduMapConvertorReady = true;
                 }
@@ -25,26 +26,73 @@
 
     <title>百度地图</title>
     <style>
-        body, html { margin: 0; padding: 0; overflow: hidden; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
-        
-        #map-container { width: 100vw; height: 100vh; position: relative; }
+        body,
+        html {
+            margin: 0;
+            padding: 0;
+            overflow: hidden;
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+        }
+
+        #map-container {
+            width: 100vw;
+            height: 100vh;
+            position: relative;
+
+            /* --- 核心修复代码 START --- */
+
+            /* 1. 设置背景色：使用百度地图默认的陆地颜色(#F5F3F0 或 #FCF9F2)
+               这样即使瓦片没加载出来，用户看到的也是地图的底色，而不是刺眼的白屏闪烁 */
+            background-color: #F5F3F0;
+
+            /* 2. 开启硬件加速，减少渲染层重绘 */
+            transform: translate3d(0, 0, 0);
+            -webkit-transform: translate3d(0, 0, 0);
+
+            /* 3. 防止在某些 iOS 设备上出现灰色背景 */
+            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+
+            /* --- 核心修复代码 END --- */
+        }
+
+        /* 4. 针对 WebGL 生成的 Canvas 元素进行优化 */
+        #map-container canvas {
+            /* 强制 GPU 合成 */
+            will-change: transform;
+            /* 避免图片渲染时的锯齿和闪动 */
+            image-rendering: -webkit-optimize-contrast;
+        }
 
         /* 去除百度地图的水印和logo */
-        .BMap_cpyCtrl, .anchorBL { display: none !important; }
+        .BMap_cpyCtrl,
+        .anchorBL {
+            display: none !important;
+        }
 
         /* 模型预览面板 */
         .model-preview-panel {
-            position: absolute; top: 0; left: 0; width: 100%; height: 100%;
-            z-index: 1000; display: flex; pointer-events: none; align-items: flex-start;
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            z-index: 1000;
+            display: flex;
+            pointer-events: none;
+            align-items: flex-start;
         }
 
         .model-preview-tree {
-            width: 300px; height: auto; max-height: 80vh;
+            width: 300px;
+            height: auto;
+            max-height: 80vh;
             margin: 5% 0 0 2%;
-            background: rgba(30, 30, 30, 0.85); /*稍微加深背景增加可读性*/
+            background: rgba(30, 30, 30, 0.85);
+            /*稍微加深背景增加可读性*/
             border: 1px solid rgba(255, 255, 255, 0.1);
             border-radius: 8px;
-            overflow-y: auto; overflow-x: hidden;
+            overflow-y: auto;
+            overflow-x: hidden;
             padding: 20px;
             pointer-events: auto;
             backdrop-filter: blur(5px);
@@ -53,32 +101,85 @@
         }
 
         /* 滚动条样式 */
-        .model-preview-tree::-webkit-scrollbar { width: 6px; }
-        .model-preview-tree::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.05); border-radius: 3px; }
-        .model-preview-tree::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.3); border-radius: 3px; }
-        .model-preview-tree::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.5); }
+        .model-preview-tree::-webkit-scrollbar {
+            width: 6px;
+        }
+
+        .model-preview-tree::-webkit-scrollbar-track {
+            background: rgba(255, 255, 255, 0.05);
+            border-radius: 3px;
+        }
+
+        .model-preview-tree::-webkit-scrollbar-thumb {
+            background: rgba(255, 255, 255, 0.3);
+            border-radius: 3px;
+        }
+
+        .model-preview-tree::-webkit-scrollbar-thumb:hover {
+            background: rgba(255, 255, 255, 0.5);
+        }
+
+        .tree-node {
+            margin-bottom: 2px;
+        }
 
-        .tree-node { margin-bottom: 2px; }
         .tree-node-item {
-            display: flex; align-items: center; padding: 6px 8px;
-            cursor: pointer; border-radius: 4px; transition: background-color 0.2s;
+            display: flex;
+            align-items: center;
+            padding: 6px 8px;
+            cursor: pointer;
+            border-radius: 4px;
+            transition: background-color 0.2s;
             min-height: 28px;
         }
-        .tree-node-item:hover { background-color: rgba(255, 255, 255, 0.1); }
-        
-        .tree-node-checkbox { width: 16px; height: 16px; margin-right: 8px; cursor: pointer; accent-color: #002db6; }
-        .tree-node-label { flex: 1; font-size: 14px; user-select: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-        
-        .tree-expand-icon {
-            display: inline-flex; align-items: center; justify-content: center;
-            width: 20px; height: 20px; margin-right: 4px;
-            cursor: pointer; transition: transform 0.2s; user-select: none;
-            font-size: 12px; color: rgba(255, 255, 255, 0.7);
+
+        .tree-node-item:hover {
+            background-color: rgba(255, 255, 255, 0.1);
+        }
+
+        .tree-node-checkbox {
+            width: 16px;
+            height: 16px;
+            margin-right: 8px;
+            cursor: pointer;
+            accent-color: #002db6;
+        }
+
+        .tree-node-label {
+            flex: 1;
+            font-size: 14px;
+            user-select: none;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+
+        .tree-expand-icon {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            width: 20px;
+            height: 20px;
+            margin-right: 4px;
+            cursor: pointer;
+            transition: transform 0.2s;
+            user-select: none;
+            font-size: 12px;
+            color: rgba(255, 255, 255, 0.7);
+        }
+
+        .tree-expand-icon:hover {
+            color: #fff;
+        }
+
+        .tree-children {
+            margin-top: 2px;
+            display: none;
+        }
+
+        .tree-children.expanded {
+            display: block;
         }
-        .tree-expand-icon:hover { color: #fff; }
-        
-        .tree-children { margin-top: 2px; display: none; }
-        .tree-children.expanded { display: block; }
 
         /* 全选/全不选按钮 */
         .tree-select-all {
@@ -100,23 +201,34 @@
             cursor: pointer;
             transition: background-color 0.2s;
         }
+
         .tree-select-btn:hover {
             background: rgba(0, 45, 182, 1);
         }
 
         /* 工程列表面板 */
         .project-list-panel {
-            position: absolute; top: 0; left: 0; width: 100%; height: 100%;
-            z-index: 999; display: flex; pointer-events: none; align-items: flex-start;
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            z-index: 999;
+            display: flex;
+            pointer-events: none;
+            align-items: flex-start;
         }
 
         .project-list-container {
-            width: 300px; height: auto; max-height: 80vh;
+            width: 300px;
+            height: auto;
+            max-height: 80vh;
             margin: 5% 0 0 2%;
             background: rgba(30, 30, 30, 0.85);
             border: 1px solid rgba(255, 255, 255, 0.1);
             border-radius: 8px;
-            overflow-y: auto; overflow-x: hidden;
+            overflow-y: auto;
+            overflow-x: hidden;
             padding: 20px;
             pointer-events: auto;
             backdrop-filter: blur(5px);
@@ -124,79 +236,152 @@
             color: #fff;
         }
 
-        .project-list-container::-webkit-scrollbar { width: 6px; }
-        .project-list-container::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.05); border-radius: 3px; }
-        .project-list-container::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.3); border-radius: 3px; }
-        .project-list-container::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.5); }
+        .project-list-container::-webkit-scrollbar {
+            width: 6px;
+        }
+
+        .project-list-container::-webkit-scrollbar-track {
+            background: rgba(255, 255, 255, 0.05);
+            border-radius: 3px;
+        }
+
+        .project-list-container::-webkit-scrollbar-thumb {
+            background: rgba(255, 255, 255, 0.3);
+            border-radius: 3px;
+        }
+
+        .project-list-container::-webkit-scrollbar-thumb:hover {
+            background: rgba(255, 255, 255, 0.5);
+        }
 
         .project-list-item {
-            display: flex; align-items: center; padding: 6px 8px;
-            cursor: pointer; border-radius: 4px; transition: background-color 0.2s;
-            min-height: 28px; margin-bottom: 2px;
+            display: flex;
+            align-items: center;
+            padding: 6px 8px;
+            cursor: pointer;
+            border-radius: 4px;
+            transition: background-color 0.2s;
+            min-height: 28px;
+            margin-bottom: 2px;
+        }
+
+        .project-list-item:hover {
+            background-color: rgba(255, 255, 255, 0.1);
         }
-        .project-list-item:hover { background-color: rgba(255, 255, 255, 0.1); }
 
         .project-list-radio {
-            width: 16px; height: 16px; margin-right: 8px; cursor: pointer;
+            width: 16px;
+            height: 16px;
+            margin-right: 8px;
+            cursor: pointer;
             accent-color: #002db6;
         }
 
         .project-list-label {
-            flex: 1; font-size: 14px; user-select: none;
-            white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+            flex: 1;
+            font-size: 14px;
+            user-select: none;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
         }
 
         .project-list-enter-btn {
-            padding: 4px 12px; font-size: 12px; background: rgba(0, 45, 182, 0.8);
-            color: #fff; border: none; border-radius: 4px; cursor: pointer;
-            transition: background-color 0.2s; margin-left: 8px;
+            padding: 4px 12px;
+            font-size: 12px;
+            background: rgba(0, 45, 182, 0.8);
+            color: #fff;
+            border: none;
+            border-radius: 4px;
+            cursor: pointer;
+            transition: background-color 0.2s;
+            margin-left: 8px;
+        }
+
+        .project-list-enter-btn:hover {
+            background: rgba(0, 45, 182, 1);
         }
-        .project-list-enter-btn:hover { background: rgba(0, 45, 182, 1); }
 
         .model-preview-close {
-            position: absolute; top: 50px; right: 20px;
-            width: 40px; height: 40px;
+            position: absolute;
+            top: 50px;
+            right: 20px;
+            width: 40px;
+            height: 40px;
             background: rgba(255, 255, 255, 0.95);
-            border-radius: 50%; display: flex; align-items: center; justify-content: center;
-            cursor: pointer; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
-            z-index: 1001; pointer-events: auto;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+            z-index: 1001;
+            pointer-events: auto;
         }
-        .model-preview-close::before, .model-preview-close::after {
-            content: ''; position: absolute; width: 2px; height: 20px; background: #333;
+
+        .model-preview-close::before,
+        .model-preview-close::after {
+            content: '';
+            position: absolute;
+            width: 2px;
+            height: 20px;
+            background: #333;
             transform: rotate(45deg);
         }
-        .model-preview-close::after { transform: rotate(-45deg); }
+
+        .model-preview-close::after {
+            transform: rotate(-45deg);
+        }
 
         /* AR 按钮 */
         .model-preview-ar {
-            position: absolute; top: 100px; right: 20px;
-            width: 40px; height: 40px;
+            position: absolute;
+            top: 100px;
+            right: 20px;
+            width: 40px;
+            height: 40px;
             background: rgba(0, 45, 182, 0.95);
-            border-radius: 50%; display: flex; align-items: center; justify-content: center;
-            cursor: pointer; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
-            z-index: 1001; pointer-events: auto;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+            z-index: 1001;
+            pointer-events: auto;
             font-size: 20px;
             color: #fff;
             font-weight: bold;
         }
+
         .model-preview-ar:hover {
             background: rgba(0, 45, 182, 1);
         }
 
         /* 回到定位按钮 */
         .location-center-btn {
-            position: fixed; bottom: 20px; right: 20px;
-            width: 32px; height: 32px;
+            position: fixed;
+            bottom: 20px;
+            right: 20px;
+            width: 32px;
+            height: 32px;
             background: rgba(255, 255, 255, 0.95) url('./image/position.png') center center / 70% no-repeat;
-            border-radius: 50%; display: flex; align-items: center; justify-content: center;
-            cursor: pointer; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
-            z-index: 998; pointer-events: auto;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+            z-index: 998;
+            pointer-events: auto;
             transition: transform 0.2s, box-shadow 0.2s;
         }
+
         .location-center-btn:hover {
             transform: scale(1.1);
             box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
         }
+
         .location-center-btn:active {
             transform: scale(0.95);
         }
@@ -211,7 +396,8 @@
             white-space: nowrap;
             font-size: 16px !important;
             font-weight: bold !important;
-            text-shadow: 1px 1px 2px #fff, -1px -1px 2px #fff, 1px -1px 2px #fff, -1px 1px 2px #fff; /* 增加描边效果提升可见度 */
+            text-shadow: 1px 1px 2px #fff, -1px -1px 2px #fff, 1px -1px 2px #fff, -1px 1px 2px #fff;
+            /* 增加描边效果提升可见度 */
             transform: translateX(-45%);
         }
 
@@ -221,37 +407,72 @@
             border-radius: 12px;
             box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
             overflow: hidden;
-            display: flex; flex-direction: column;
+            display: flex;
+            flex-direction: column;
             backdrop-filter: blur(10px);
         }
+
         .action-menu-item {
-            padding: 12px 16px; cursor: pointer; font-size: 14px; color: #333;
-            display: flex; align-items: center; border-bottom: 1px solid rgba(0,0,0,0.05);
+            padding: 12px 16px;
+            cursor: pointer;
+            font-size: 14px;
+            color: #333;
+            display: flex;
+            align-items: center;
+            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
             transition: background 0.2s;
         }
-        .action-menu-item:last-child { border-bottom: none; }
-        .action-menu-item:hover { background: #f0f5ff; color: #002db6; }
-        .action-menu-item span { margin-right: 10px; font-size: 18px; }
-        
+
+        .action-menu-item:last-child {
+            border-bottom: none;
+        }
+
+        .action-menu-item:hover {
+            background: #f0f5ff;
+            color: #002db6;
+        }
+
+        .action-menu-item span {
+            margin-right: 10px;
+            font-size: 18px;
+        }
+
         /* 百度地图 InfoWindow 修正 */
-        .BMap_bubble_title { display: none; }
-        .BMap_bubble_content { width: 100% !important; height: 100% !important; }
-        .BMap_pop > div { border-radius: 16px !important; border: 0 !important; }
-        .BMap_pop > img { display: none; } /* 隐藏自带关闭按钮 */
-        .BMap_bubble_center { top: 0 !important; }
+        .BMap_bubble_title {
+            display: none;
+        }
+
+        .BMap_bubble_content {
+            width: 100% !important;
+            height: 100% !important;
+        }
+
+        .BMap_pop>div {
+            border-radius: 16px !important;
+            border: 0 !important;
+        }
+
+        .BMap_pop>img {
+            display: none;
+        }
+
+        /* 隐藏自带关闭按钮 */
+        .BMap_bubble_center {
+            top: 0 !important;
+        }
     </style>
 </head>
 
 <body>
     <div id="map-container"></div>
-    
+
     <!-- 工程列表面板 -->
     <div id="project-list-panel" class="project-list-panel">
         <div class="project-list-container">
             <div id="project-list-container"></div>
         </div>
     </div>
-    
+
     <div id="model-preview-panel" class="model-preview-panel" style="display: none;">
         <div class="model-preview-tree">
             <div class="tree-select-all">
@@ -263,7 +484,7 @@
         <div class="model-preview-close" id="close-preview-btn"></div>
         <div class="model-preview-ar" id="ar-btn">AR</div>
     </div>
-    
+
     <!-- 回到定位按钮 -->
     <div class="location-center-btn" id="location-center-btn" title="回到当前位置"></div>
 </body>
@@ -277,21 +498,21 @@
             const params = {};
             const cleanQuery = queryString ? (queryString.startsWith('?') ? queryString.substring(1) : queryString) : '';
             if (!cleanQuery) return params;
-            
+
             cleanQuery.split('&').forEach(pair => {
                 const [key, value] = pair.split('=');
                 if (key) params[decodeURIComponent(key)] = decodeURIComponent(value || '');
             });
             return params;
         },
-        
+
         getUrlParams() {
             return this.parseUrlParams(window.location.search);
         },
 
         safeParseJSON(str, fallback = null) {
             if (!str) return fallback;
-            try { return JSON.parse(decodeURIComponent(str)); } 
+            try { return JSON.parse(decodeURIComponent(str)); }
             catch (e) { console.error('JSON Parse Error:', e); return fallback; }
         }
     };
@@ -309,7 +530,7 @@
                 uni.postMessage(message);
                 sent = true;
             }
-            
+
             // 2. Window Parent (Android/Web fallback)
             if (!sent && window.parent && window.parent !== window) {
                 window.parent.postMessage(message, '*');
@@ -321,7 +542,7 @@
                 window.webkit.messageHandlers.uni.postMessage(message);
                 sent = true;
             }
-            
+
             return sent;
         },
 
@@ -376,7 +597,7 @@
                         if (xhr.status >= 200 && xhr.status < 300) {
                             const res = Utils.safeParseJSON(encodeURIComponent(xhr.responseText));
                             resolve(res?.code >= 200 && res?.code < 300 ? (res.data || []) : []);
-                    } else {
+                        } else {
                             resolve([]);
                         }
                     }
@@ -431,12 +652,12 @@
         init() {
             this.cacheElements();
             this.bindEvents();
-            
+
             const params = Utils.getUrlParams();
-            
+
             // 初始化配置
             Network.init(params.apiBaseUrl, params.token);
-            
+
             // 解析数据
             this.state.projectInfo = Utils.safeParseJSON(params.projectInfo, []);
             this.state.currentClickedProject = Utils.safeParseJSON(params.clickedProject);
@@ -466,35 +687,35 @@
             if (this.elements.closeBtn) {
                 this.elements.closeBtn.addEventListener('click', () => this.closePreview());
             }
-            
+
             // AR 按钮
             if (this.elements.arBtn) {
                 this.elements.arBtn.addEventListener('click', () => this.navigateToAR());
             }
-            
+
             // 全选按钮
             if (this.elements.selectAllBtn) {
                 this.elements.selectAllBtn.addEventListener('click', () => this.selectAllNodes());
             }
-            
+
             // 全不选按钮
             if (this.elements.deselectAllBtn) {
                 this.elements.deselectAllBtn.addEventListener('click', () => this.deselectAllNodes());
             }
-            
+
             // 回到定位按钮
             if (this.elements.locationCenterBtn) {
                 this.elements.locationCenterBtn.addEventListener('click', () => this.centerToLocation());
             }
-            
+
             // 页面卸载时清理定位监听
             window.addEventListener('beforeunload', () => this.stopLocationTracking());
-            
+
             // 监听 postMessage
             window.addEventListener('message', (e) => {
                 const data = e.data;
                 if (!data) return;
-                
+
                 if (data.type === 'showModelPreview') {
                     this.showModelPreview(data.modelList, data.clickedProject);
                 } else if (data.action === 'modelDataResponse') {
@@ -509,7 +730,10 @@
         },
 
         initMap(projectInfo) {
-            this.map = new BMapGL.Map('map-container');
+            this.map = new BMapGL.Map('map-container', {
+                enableHighResolution: true, // 开启高清适配
+                backgroundColor: [245, 243, 240, 255] // [R, G, B, A] 显式设置 GL 引擎的清屏颜色
+            })
             const center = projectInfo[0] ? new BMapGL.Point(projectInfo[0].lng, projectInfo[0].lat) : new BMapGL.Point(116.404, 39.915);
             this.map.centerAndZoom(center, 12);
             this.map.enableScrollWheelZoom(true);
@@ -518,10 +742,10 @@
             this.map.addEventListener('tilesloaded', () => {
                 console.log('地图瓦片加载完成');
                 this.state.mapLoaded = true;
-                
+
                 // 地图加载完成后，添加项目标记
                 projectInfo.forEach(p => this.addProjectMarker(p));
-                
+
                 // 地图加载完成后，初始化定位跟踪
                 this.initLocationTracking();
             });
@@ -595,9 +819,9 @@
             const geolocation = new BMapGL.Geolocation();
             // 开启SDK辅助定位，提高定位精度
             geolocation.enableSDKLocation();
-            
+
             console.log('已开启百度地图SDK辅助定位');
-            
+
             // 计算两点之间的距离（米）- 供多个函数使用
             const calculateDistance = (lng1, lat1, lng2, lat2) => {
                 const R = 6371000; // 地球半径（米）
@@ -609,24 +833,24 @@
                 const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
                 return R * c;
             };
-            
+
             // 先快速获取位置（使用较短的超时时间，优先显示位置）
             let isFirstLocation = true;
-            
+
             const getQuickPosition = () => {
                 geolocation.getCurrentPosition((result) => {
                     const status = geolocation.getStatus();
                     console.log('百度地图定位状态:', status, '结果:', result);
-                    
+
                     // 百度地图定位成功状态码是0
                     if (status === 0 && result && result.point) {
                         const point = result.point;
                         const accuracy = result.accuracy || 999;
-                        
+
                         // 验证坐标有效性
                         if (point.lng && point.lat && !isNaN(point.lng) && !isNaN(point.lat) &&
                             Math.abs(point.lng) <= 180 && Math.abs(point.lat) <= 90) {
-                            
+
                             // 如果是第一次获取位置，立即显示（不管精度如何）
                             if (isFirstLocation) {
                                 console.log('首次定位成功 - 经度:', point.lng, '纬度:', point.lat, '精度:', accuracy, '米');
@@ -635,11 +859,11 @@
                                     lat: point.lat,
                                     accuracy: accuracy
                                 };
-                                
+
                                 // 方向由设备方向传感器提供，不在这里设置
                                 this.updateLocationMarker();
                                 isFirstLocation = false;
-                                
+
                                 // 如果精度较差，继续获取更精确的位置（后台优化）
                                 if (accuracy > 50) {
                                     console.log('精度较差，后台继续优化定位...');
@@ -655,22 +879,22 @@
                     timeout: 5000 // 5秒超时，快速获取位置
                 });
             };
-            
+
             // 获取精确位置（GPS定位）
             const getPrecisePosition = () => {
                 geolocation.getCurrentPosition((result) => {
                     const status = geolocation.getStatus();
-                    
+
                     if (status === 0 && result && result.point) {
                         const point = result.point;
                         const accuracy = result.accuracy || 999;
-                        
+
                         // 验证坐标有效性
                         if (point.lng && point.lat && !isNaN(point.lng) && !isNaN(point.lat) &&
                             Math.abs(point.lng) <= 180 && Math.abs(point.lat) <= 90) {
-                            
+
                             let shouldUpdate = false;
-                            
+
                             if (!this.state.currentLocation) {
                                 shouldUpdate = true;
                             } else {
@@ -681,15 +905,15 @@
                                     point.lng,
                                     point.lat
                                 );
-                                
+
                                 // 位置变化超过0.3米就更新(极高灵敏度)，或者精度提升超过5米
-                                if (distance > 0.3 || 
-                                    (accuracy < this.state.currentLocation.accuracy - 5) || 
+                                if (distance > 0.3 ||
+                                    (accuracy < this.state.currentLocation.accuracy - 5) ||
                                     (accuracy < 50 && this.state.currentLocation.accuracy >= 50)) {
                                     shouldUpdate = true;
                                 }
                             }
-                            
+
                             if (shouldUpdate) {
                                 // 检测移动状态（通过位置变化速度）
                                 const now = Date.now();
@@ -707,10 +931,10 @@
                                         this.isMoving = speed > 0.05;
                                     }
                                 }
-                                
+
                                 this.lastLocationTime = now;
                                 this.lastLocationPoint = { lng: point.lng, lat: point.lat };
-                                
+
                                 console.log('精确位置更新 - 经度:', point.lng, '纬度:', point.lat, '精度:', accuracy, '米',
                                     this.isMoving ? '(移动中)' : '(静止)');
                                 this.state.currentLocation = {
@@ -718,7 +942,7 @@
                                     lat: point.lat,
                                     accuracy: accuracy
                                 };
-                                
+
                                 // 方向由设备方向传感器提供，不在这里更新
                                 this.updateLocationMarker();
                             }
@@ -729,7 +953,7 @@
                     timeout: 20000 // 20秒超时(给GPS足够时间)
                 });
             };
-            
+
             // 先快速获取位置
             getQuickPosition();
 
@@ -740,13 +964,13 @@
                     if (status === 0 && result && result.point) {
                         const point = result.point;
                         const accuracy = result.accuracy || 999;
-                        
+
                         // 验证坐标有效性
                         if (point.lng && point.lat && !isNaN(point.lng) && !isNaN(point.lat) &&
                             Math.abs(point.lng) <= 180 && Math.abs(point.lat) <= 90) {
-                            
+
                             let shouldUpdate = false;
-                            
+
                             if (!this.state.currentLocation) {
                                 // 如果没有当前位置，直接更新
                                 shouldUpdate = true;
@@ -758,15 +982,15 @@
                                     point.lng,
                                     point.lat
                                 );
-                                
+
                                 // 位置变化超过0.3米就更新(极高灵敏度)，或者精度提升超过5米
-                                if (distance > 0.3 || 
-                                    (accuracy < this.state.currentLocation.accuracy - 5) || 
+                                if (distance > 0.3 ||
+                                    (accuracy < this.state.currentLocation.accuracy - 5) ||
                                     (accuracy < 50 && this.state.currentLocation.accuracy >= 50)) {
                                     shouldUpdate = true;
                                 }
                             }
-                            
+
                             // 强制每3秒更新一次，即使位置变化不大
                             const now = Date.now();
                             if (!this.lastForceUpdateTime) this.lastForceUpdateTime = 0;
@@ -775,13 +999,13 @@
                                 this.lastForceUpdateTime = now;
                                 console.log('⚠️ 强制位置更新(3秒周期)');
                             }
-                            
+
                             if (shouldUpdate) {
                                 const oldLocation = this.state.currentLocation;
                                 const distance = oldLocation ? calculateDistance(
                                     oldLocation.lng, oldLocation.lat, point.lng, point.lat
                                 ) : 0;
-                                
+
                                 // 检测移动状态（通过位置变化速度）
                                 if (this.lastLocationTime > 0 && this.lastLocationPoint) {
                                     const timeDiff = (now - this.lastLocationTime) / 1000; // 秒
@@ -791,21 +1015,21 @@
                                         this.isMoving = speed > 0.05;
                                     }
                                 }
-                                
+
                                 this.lastLocationTime = now;
                                 this.lastLocationPoint = { lng: point.lng, lat: point.lat };
-                                
-                                console.log('位置更新 - 经度:', point.lng, '纬度:', point.lat, 
-                                    '精度:', accuracy, '米', 
+
+                                console.log('位置更新 - 经度:', point.lng, '纬度:', point.lat,
+                                    '精度:', accuracy, '米',
                                     oldLocation ? `移动距离: ${distance.toFixed(2)}米` : '',
                                     this.isMoving ? '(移动中)' : '(静止)');
-                                
+
                                 this.state.currentLocation = {
                                     lng: point.lng,
                                     lat: point.lat,
                                     accuracy: accuracy
                                 };
-                                
+
                                 // 方向由设备方向传感器实时提供，不在这里更新
                                 this.updateLocationMarker();
                             }
@@ -816,7 +1040,7 @@
                     timeout: 15000 // 15秒超时(给GPS足够时间)
                 });
             }, 3000); // 每5秒更新一次位置
-            
+
             // 保存geolocation实例，以便后续使用
             this.baiduGeolocation = geolocation;
         },
@@ -826,10 +1050,10 @@
          */
         verifyLocationWithGeocoder(lng, lat) {
             if (!this.map) return;
-            
+
             const geocoder = new BMapGL.Geocoder();
             const point = new BMapGL.Point(lng, lat);
-            
+
             geocoder.getLocation(point, (result) => {
                 if (result && result.address) {
                     console.log('位置验证 - 地址:', result.address);
@@ -860,7 +1084,7 @@
                             };
                             console.log('GPS坐标转换完成 - BD09:', bd09.lng, bd09.lat);
                             this.updateLocationMarker();
-                                    } else {
+                        } else {
                             console.error('GPS坐标转换失败，使用GCJ02定位');
                             this.startUniAppGeolocation();
                         }
@@ -924,7 +1148,7 @@
                             };
                             console.log('坐标转换完成 - BD09:', bd09.lng, bd09.lat);
                             this.updateLocationMarker();
-                            } else {
+                        } else {
                             console.error('坐标转换失败，使用备用方案');
                             // 如果转换失败，尝试使用百度地图定位
                             if (typeof BMapGL !== 'undefined' && BMapGL.Geolocation) {
@@ -1078,9 +1302,9 @@
             // 使用6位小数精度（百度API推荐精度）
             const coords = `${Number(gcj_lng).toFixed(6)},${Number(gcj_lat).toFixed(6)}`;
             const url = `https://api.map.baidu.com/geoconv/v1/?coords=${coords}&from=3&to=5&ak=${ak}`;
-            
+
             console.log('GCJ02转BD09 - 输入:', gcj_lng, gcj_lat);
-            
+
             const xhr = new XMLHttpRequest();
             xhr.open('GET', url, true);
             xhr.timeout = 10000; // 10秒超时
@@ -1091,14 +1315,14 @@
                             const response = JSON.parse(xhr.responseText);
                             if (response.status === 0 && response.result && response.result.length > 0) {
                                 const point = response.result[0];
-                                const result = { 
-                                    lng: Number(point.x), 
-                                    lat: Number(point.y) 
+                                const result = {
+                                    lng: Number(point.x),
+                                    lat: Number(point.y)
                                 };
                                 console.log('GCJ02转BD09成功:', result.lng, result.lat);
                                 if (callback) callback(result);
-                    return;
-                }
+                                return;
+                            }
                         } catch (e) {
                             console.error('GCJ02转BD09解析失败:', e);
                         }
@@ -1150,9 +1374,9 @@
             // 使用6位小数精度（百度API推荐精度）
             const coords = `${Number(wgs_lng).toFixed(6)},${Number(wgs_lat).toFixed(6)}`;
             const url = `https://api.map.baidu.com/geoconv/v1/?coords=${coords}&from=1&to=5&ak=${ak}`;
-            
+
             console.log('调用坐标转换API - WGS84:', wgs_lng, wgs_lat, 'URL:', url);
-            
+
             const xhr = new XMLHttpRequest();
             xhr.open('GET', url, true);
             xhr.timeout = 10000; // 10秒超时
@@ -1163,32 +1387,32 @@
                             const responseText = xhr.responseText;
                             console.log('坐标转换API原始响应:', responseText);
                             const response = JSON.parse(responseText);
-                            
+
                             if (response.status === 0 && response.result && response.result.length > 0) {
                                 const point = response.result[0];
                                 // 百度API返回：x=经度，y=纬度
-                                const result = { 
-                                    lng: Number(point.x), 
-                                    lat: Number(point.y) 
+                                const result = {
+                                    lng: Number(point.x),
+                                    lat: Number(point.y)
                                 };
-                                
+
                                 // 验证转换结果的有效性
-                                if (isNaN(result.lng) || isNaN(result.lat) || 
+                                if (isNaN(result.lng) || isNaN(result.lat) ||
                                     result.lng === 0 || result.lat === 0 ||
                                     Math.abs(result.lng) > 180 || Math.abs(result.lat) > 90) {
                                     console.error('坐标转换结果无效:', result, '原始响应:', response);
                                     const fallback = this.wgs84ToBd09Fallback(wgs_lng, wgs_lat);
                                     console.warn('使用备用算法:', fallback);
                                     if (callback) callback(fallback);
-                    return;
-                }
-                
+                                    return;
+                                }
+
                                 // 计算偏移距离（用于调试）
                                 const offsetLng = result.lng - wgs_lng;
                                 const offsetLat = result.lat - wgs_lat;
                                 console.log('Web API转换成功 - WGS84:', wgs_lng, wgs_lat, '-> BD09:', result.lng, result.lat);
                                 console.log('坐标偏移:', '经度:', offsetLng.toFixed(6), '纬度:', offsetLat.toFixed(6));
-                                
+
                                 if (callback) callback(result);
                                 return;
                             } else {
@@ -1228,10 +1452,10 @@
             const PI = 3.1415926535897932384626;
             const a = 6378245.0;
             const ee = 0.00669342162296594323;
-            
+
             let x = Number(wgs_lng);
             let y = Number(wgs_lat);
-            
+
             // WGS84转GCJ02（火星坐标）- 使用精确算法
             let dlat = this.transformLat(x - 105.0, y - 35.0);
             let dlng = this.transformLng(x - 105.0, y - 35.0);
@@ -1243,13 +1467,13 @@
             dlng = (dlng * 180.0) / (a / sqrtmagic * Math.cos(radlat) * PI);
             let mglat = y + dlat;
             let mglng = x + dlng;
-            
+
             // GCJ02转BD09（百度坐标）- 使用精确算法
             let z = Math.sqrt(mglng * mglng + mglat * mglat) + 0.00002 * Math.sin(mglat * x_PI);
             let theta = Math.atan2(mglat, mglng) + 0.000003 * Math.cos(mglng * x_PI);
             let bd_lng = z * Math.cos(theta) + 0.0065;
             let bd_lat = z * Math.sin(theta) + 0.006;
-            
+
             return { lng: bd_lng, lat: bd_lat };
         },
 
@@ -1275,7 +1499,7 @@
         updateLocation(position) {
             const coords = position.coords || position;
             const { latitude, longitude, heading, accuracy } = coords;
-            
+
             if (!latitude || !longitude) {
                 console.warn('位置信息无效:', { latitude, longitude });
                 return;
@@ -1290,9 +1514,9 @@
                     console.warn('坐标转换返回空，使用备用算法');
                     bd09 = this.wgs84ToBd09Fallback(longitude, latitude);
                 }
-                
+
                 console.log('坐标转换完成 - BD09:', bd09.lng, bd09.lat);
-                
+
                 // 保存转换后的百度坐标
                 this.state.currentLocation = {
                     lat: bd09.lat,
@@ -1322,7 +1546,7 @@
             if (!this.map || !this.state.mapLoaded) {
                 return;
             }
-            
+
             // 如果没有位置信息，静默返回
             if (!this.state.currentLocation) {
                 return;
@@ -1347,7 +1571,7 @@
         _doUpdateLocationMarker() {
             const { lng, lat } = this.state.currentLocation;
             const point = new BMapGL.Point(lng, lat);
-            
+
             // 如果标记已存在，直接更新（避免删除重建）
             if (this.overlays.locationMarker) {
                 try {
@@ -1359,8 +1583,8 @@
                         // 如果不支持setPosition，检查位置是否变化（降低阈值，提高灵敏度）
                         const currentPoint = this.overlays.locationMarker.getPosition();
                         // 极低坐标变化阈值0.0000005(约0.05米)，实时更新位置
-                        if (!currentPoint || 
-                            Math.abs(currentPoint.lng - lng) > 0.0000005 || 
+                        if (!currentPoint ||
+                            Math.abs(currentPoint.lng - lng) > 0.0000005 ||
                             Math.abs(currentPoint.lat - lat) > 0.0000005) {
                             // 位置变化，需要更新（但尽量不删除重建）
                             const currentIcon = this.overlays.locationMarker.getIcon();
@@ -1369,16 +1593,16 @@
                             this.map.addOverlay(this.overlays.locationMarker);
                         }
                     }
-                    
+
                     // 实时更新方向（使用角度差值计算，考虑0-360度边界）
                     // 移动时1.5度，静止时0.3度，极高灵敏度
                     const headingThreshold = this.isMoving ? 1.5 : 0.3;
                     const headingChanged = !this.lastHeading || Math.abs(this.angleDifference(this.state.currentHeading, this.lastHeading)) >= headingThreshold;
-                    
+
                     if (headingChanged) {
                         const oldHeading = this.lastHeading;
                         this.lastHeading = this.state.currentHeading;
-                        
+
                         // 异步更新图标（使用requestAnimationFrame确保平滑，不阻塞位置更新）
                         requestAnimationFrame(() => {
                             this.createRotatedLocationIcon(this.state.currentHeading).then((icon) => {
@@ -1465,7 +1689,7 @@
             // 创建图片对象
             const img = new Image();
             img.crossOrigin = 'anonymous';
-            
+
             // 使用 Promise 等待图片加载
             return new Promise((resolve) => {
                 img.onload = () => {
@@ -1474,7 +1698,7 @@
                     const icon = this.drawRotatedIcon(img, heading);
                     resolve(icon);
                 };
-                
+
                 img.onerror = () => {
                     // 如果图片加载失败，使用默认图标（不旋转）
                     console.warn('real_postion.png 加载失败，使用默认图标');
@@ -1484,7 +1708,7 @@
                     });
                     resolve(defaultIcon);
                 };
-                
+
                 // 加载图片
                 img.src = './image/real_postion.png';
             });
@@ -1497,13 +1721,13 @@
             // 获取图片原始尺寸
             const imgWidth = img.naturalWidth || img.width || 30;
             const imgHeight = img.naturalHeight || img.height || 30;
-            
+
             // 计算缩放比例，保持宽高比，最大尺寸为30
             const maxSize = 30;
             const scale = Math.min(maxSize / imgWidth, maxSize / imgHeight);
             const displayWidth = imgWidth * scale;
             const displayHeight = imgHeight * scale;
-            
+
             // Canvas尺寸需要足够大以容纳旋转后的图片（对角线长度）
             const canvasSize = Math.ceil(Math.max(displayWidth, displayHeight) * Math.sqrt(2));
             const canvas = document.createElement('canvas');
@@ -1526,21 +1750,21 @@
             // 画布坐标系：0度向右，90度向下，180度向左，270度向上
             // 地图坐标系：0度正北，90度正东，180度正南，270度正西
             // 转换公式：画布角度 = 90度 - 地图角度（因为画布的0度对应地图的90度）
-            
+
             // 应用方向偏移量（用于校正方向偏差）
             const adjustedHeading = this.normalizeHeading(heading + (this.headingOffset || 0));
-            
+
             // 转换为画布旋转角度
             // 标准转换：画布的0度（向右）对应地图的90度（正东）
             // 所以：画布角度 = 90度 - 地图角度
             let rotation = (90 - adjustedHeading) * Math.PI / 180;
-            
+
             // 如果方向仍然不对，可以尝试以下方案（取消注释）：
             // 方案1：反转180度
             // rotation = (270 - adjustedHeading) * Math.PI / 180;
             // 方案2：直接使用heading（如果图标本身已经指向正确方向）
             // rotation = -adjustedHeading * Math.PI / 180;
-            
+
             ctx.rotate(rotation);
 
             // 绘制图片（居中，保持原始宽高比）
@@ -1585,7 +1809,7 @@
             if (!this.headingHistory) {
                 this.headingHistory = [];
             }
-            
+
             // 根据移动状态动态调整历史记录大小
             // 移动时使用更多样本进行更强的平滑，静止时使用中等平滑保持稳定
             const targetHistorySize = this.isMoving ? 15 : 7;
@@ -1618,7 +1842,7 @@
             // 计算平均值
             const sum = normalizedHistory.reduce((a, b) => a + b, 0);
             const avg = sum / normalizedHistory.length;
-            
+
             return this.normalizeHeading(avg);
         },
 
@@ -1630,19 +1854,19 @@
             // 使用标准公式计算Z轴旋转角度（heading）
             // 注意：四元数顺序可能是 [w, x, y, z] 或 [x, y, z, w]，需要根据实际情况调整
             // 这里假设是 [x, y, z, w] 格式
-            
+
             // 方法1：使用标准四元数到欧拉角转换公式（ZYX顺序）
             // 计算heading（azimuth/yaw）- 绕Z轴旋转
             const siny_cosp = 2 * (qw * qz + qx * qy);
             const cosy_cosp = 1 - 2 * (qy * qy + qz * qz);
             let heading = Math.atan2(siny_cosp, cosy_cosp) * 180 / Math.PI;
-            
+
             // 转换为0-360度范围
             heading = this.normalizeHeading(heading);
-            
+
             // 如果方向反了，可以添加180度校正
             // heading = (heading + 180) % 360;
-            
+
             return heading;
         },
 
@@ -1654,13 +1878,13 @@
             this.handleOrientation = this.handleOrientation.bind(this);
             this.handleMotion = this.handleMotion.bind(this);
             this.updateHeadingIfChanged = this.updateHeadingIfChanged.bind(this);
-            
+
             // 初始化方向历史记录
             this.headingHistory = [];
             this.lastOrientationUpdateTime = 0;
-            
+
             console.log('开始监听设备方向（优先使用旋转矢量传感器）...');
-            
+
             // 1. 优先尝试使用旋转矢量传感器（通过DeviceOrientationEvent的quaternion）
             if (window.DeviceOrientationEvent) {
                 // 检查是否支持quaternion（旋转矢量传感器）
@@ -1673,7 +1897,7 @@
                             if (response === 'granted') {
                                 console.log('设备方向权限已授予，监听旋转矢量传感器');
                                 window.addEventListener('deviceorientation', this.handleOrientation, { passive: false });
-                    } else {
+                            } else {
                                 console.warn('设备方向权限被拒绝，尝试传统传感器');
                                 this.fallbackToTraditionalSensor();
                             }
@@ -1766,13 +1990,13 @@
         updateHeadingIfChanged(newHeading) {
             const oldHeading = this.state.currentHeading;
             const diff = Math.abs(this.angleDifference(newHeading, oldHeading));
-            
+
             // 阈值加大：移动时 3°，静止时 1°，进一步抑制小抖动
             const threshold = this.isMoving ? 3 : 1;
-            
+
             if (diff >= threshold || oldHeading === 0) {
                 this.state.currentHeading = newHeading;
-                
+
                 if (this.state.currentLocation) {
                     requestAnimationFrame(() => {
                         this.updateLocationMarker();
@@ -1793,7 +2017,7 @@
                         const smoothedHeading = this.smoothHeading(rawHeading);
                         const oldHeading = this.state.currentHeading;
                         const diff = Math.abs(this.angleDifference(smoothedHeading, oldHeading));
-                        
+
                         // 只有当方向变化超过1度时才更新
                         if (diff >= 1 || oldHeading === 0) {
                             this.state.currentHeading = smoothedHeading;
@@ -1825,14 +2049,14 @@
             this.lastOrientationUpdateTime = now;
 
             let rawHeading = null;
-            
+
             // 1. 优先使用旋转矢量传感器（四元数数据）- 最稳定
             if (event.quaternion && Array.isArray(event.quaternion) && event.quaternion.length >= 4) {
                 // 旋转矢量传感器提供的四元数数据 [x, y, z, w]
                 const [qx, qy, qz, qw] = event.quaternion;
                 rawHeading = this.quaternionToHeading(qx, qy, qz, qw);
                 console.log('使用旋转矢量传感器（四元数）:', rawHeading.toFixed(1), '度');
-            } 
+            }
             // 2. 检查是否有quaternion属性（某些浏览器可能以对象形式提供）
             else if (event.quaternion && typeof event.quaternion === 'object') {
                 const q = event.quaternion;
@@ -1848,26 +2072,26 @@
                 // 根据设备类型调整：Android通常需要反转，iOS可能不需要
                 // 先尝试不反转
                 rawHeading = event.alpha;
-                
+
                 // 如果方向反了，可以尝试反转（取消下面的注释）：
                 // rawHeading = (360 - event.alpha) % 360;
-                
+
                 // 或者使用headingOffset来校正（更灵活）
                 // this.headingOffset = 180; // 在初始化时设置
-            } 
+            }
             // 4. iOS Safari 使用 webkitCompassHeading
             else if (event.webkitCompassHeading !== null && event.webkitCompassHeading !== undefined) {
                 rawHeading = event.webkitCompassHeading;
-            } 
+            }
             // 5. 某些平板设备使用 absolute 模式
             else if (event.absolute !== undefined && event.absolute && event.alpha !== null) {
                 rawHeading = (360 - event.alpha) % 360;
             }
-            
+
             if (rawHeading !== null && !isNaN(rawHeading)) {
                 // 使用移动平均滤波平滑方向数据（减少抖动）
                 const smoothedHeading = this.smoothHeading(rawHeading);
-                
+
                 // 更新方向（如果变化足够大）
                 this.updateHeadingIfChanged(smoothedHeading);
             }
@@ -1878,7 +2102,7 @@
          */
         handleLocationError(error) {
             let message = '定位失败: ';
-            switch(error.code) {
+            switch (error.code) {
                 case error.PERMISSION_DENIED:
                     message += '用户拒绝了定位请求';
                     break;
@@ -1990,64 +2214,64 @@
 
         renderProjectList() {
             if (!this.elements.projectListContainer) return;
-            
+
             const projectInfo = this.state.projectInfo || [];
             if (projectInfo.length === 0) {
                 this.elements.projectListContainer.innerHTML = '<div style="color:#aaa;text-align:center;padding:20px;">暂无工程数据</div>';
                 return;
             }
-            
+
             const fragment = document.createDocumentFragment();
             projectInfo.forEach((project, index) => {
                 const projectId = project.id || `project-${index}`;
                 const itemDiv = document.createElement('div');
                 itemDiv.className = 'project-list-item';
                 itemDiv.dataset.projectId = projectId;
-                
+
                 // 单选框
                 const radio = document.createElement('input');
                 radio.type = 'radio';
                 radio.name = 'project-radio';
                 radio.className = 'project-list-radio';
                 radio.checked = this.state.selectedProjectId === projectId;
-                
+
                 // 工程名称标签
                 const label = document.createElement('span');
                 label.className = 'project-list-label';
                 label.textContent = `${project.proName || '未命名工程'} (${project.declination || ''})`;
-                
+
                 // 进入按钮
                 const enterBtn = document.createElement('button');
                 enterBtn.className = 'project-list-enter-btn';
                 enterBtn.textContent = '预览';
                 // 只有选中时才显示进入按钮
                 enterBtn.style.display = radio.checked ? 'block' : 'none';
-                
+
                 itemDiv.appendChild(radio);
                 itemDiv.appendChild(label);
                 itemDiv.appendChild(enterBtn);
-                
+
                 // 点击工程项：选中单选框并定位
                 itemDiv.addEventListener('click', (e) => {
                     // 如果点击的是按钮，不触发定位
                     if (e.target === enterBtn) return;
-                    
+
                     // 选中单选框
                     const projectId = project.id || `project-${index}`;
                     radio.checked = true;
                     this.state.selectedProjectId = projectId;
-                    
+
                     // 更新所有单选框状态和进入按钮显示状态
                     this.updateProjectRadioStates();
                     this.updateEnterButtonsVisibility();
-                    
+
                     // 定位到该工程坐标
                     if (project.lng && project.lat) {
                         const point = new BMapGL.Point(project.lng, project.lat);
                         this.map.centerAndZoom(point, 15);
                     }
                 });
-                
+
                 // 单选框变化事件
                 radio.addEventListener('change', () => {
                     if (radio.checked) {
@@ -2056,7 +2280,7 @@
                         this.updateEnterButtonsVisibility();
                     }
                 });
-                
+
                 // 点击跳转按钮 - 直接进入模型预览
                 enterBtn.addEventListener('click', (e) => {
                     e.stopPropagation();
@@ -2065,10 +2289,10 @@
                     // 直接触发模型预览
                     this.triggerPreview(project);
                 });
-                
+
                 fragment.appendChild(itemDiv);
             });
-            
+
             this.elements.projectListContainer.innerHTML = '';
             this.elements.projectListContainer.appendChild(fragment);
         },
@@ -2099,7 +2323,7 @@
                     <div class="action-menu-item" data-action="preview"><span>🗺️</span>模型预览</div>
                     <div class="action-menu-item" data-action="survey"><span>📋</span>勘察</div>
                 </div>`;
-            
+
             const infoWindow = new BMapGL.InfoWindow(content, {
                 width: 140, height: 100, title: '', enableMessage: false, offset: new BMapGL.Size(0, -20), enableAutoPan: true
             });
@@ -2114,7 +2338,7 @@
                     const item = e.target.closest('.action-menu-item');
                     if (!item) return;
                     e.stopPropagation();
-                    
+
                     const action = item.dataset.action;
                     this.map.closeInfoWindow();
 
@@ -2179,7 +2403,7 @@
 
             // 构建树数据
             const treeData = this.buildTreeData(this.state.modelList);
-            
+
             // 渲染树
             this.elements.tree.innerHTML = '';
             if (treeData.length === 0) {
@@ -2188,7 +2412,7 @@
                 const fragment = document.createDocumentFragment();
                 treeData.forEach(node => this.renderTreeNode(node, fragment, 0));
                 this.elements.tree.appendChild(fragment);
-                
+
                 // 默认全选
                 this.selectAllNodes();
             }
@@ -2210,7 +2434,7 @@
             this.elements.panel.style.display = 'none';
             this.clearModels();
             this.state.checkedNodeIds = [];
-            
+
             // 恢复 Marker
             this.overlays.markers.forEach(o => {
                 this.map.addOverlay(o.marker);
@@ -2250,7 +2474,7 @@
             // 构建树
             const idMap = new Set(list.map(i => i.id));
             const roots = list.filter(i => i.nodelevel == '2' && !idMap.has(i.parentId));
-            
+
             const findChildren = (parent) => {
                 const children = list.filter(i => i.parentId == parent.id);
                 return children.map(child => ({
@@ -2279,13 +2503,13 @@
         },
 
         renderTreeNode(node, container, level) {
-                    const nodeDiv = document.createElement('div');
-                    nodeDiv.className = 'tree-node';
+            const nodeDiv = document.createElement('div');
+            nodeDiv.className = 'tree-node';
             nodeDiv.style.paddingLeft = (level * 20) + 'px';
-                    
-                    const itemDiv = document.createElement('div');
-                    itemDiv.className = 'tree-node-item';
-                    
+
+            const itemDiv = document.createElement('div');
+            itemDiv.className = 'tree-node-item';
+
             const hasChildren = node.children && node.children.length > 0;
 
             // 展开图标
@@ -2294,7 +2518,7 @@
                 icon.className = 'tree-expand-icon';
                 icon.textContent = node.expanded ? '▼' : '▶';
                 itemDiv.appendChild(icon);
-                
+
                 icon.addEventListener('click', (e) => {
                     e.stopPropagation();
                     node.expanded = !node.expanded;
@@ -2312,21 +2536,21 @@
             }
 
             // 复选框
-                    const checkbox = document.createElement('input');
-                    checkbox.type = 'checkbox';
-                    checkbox.className = 'tree-node-checkbox';
+            const checkbox = document.createElement('input');
+            checkbox.type = 'checkbox';
+            checkbox.className = 'tree-node-checkbox';
             checkbox.dataset.id = node.id; // 添加data-id用于全选/全不选时更新UI
             checkbox.checked = this.state.checkedNodeIds.includes(node.id);
             checkbox.addEventListener('change', (e) => this.handleCheck(node, e.target.checked));
             itemDiv.appendChild(checkbox);
-                    
-            // 文本
-                    const label = document.createElement('span');
-                    label.className = 'tree-node-label';
-            label.textContent = node.nodeName || node.name || `Node ${node.id}`;
-                    itemDiv.appendChild(label);
 
-                    nodeDiv.appendChild(itemDiv);
+            // 文本
+            const label = document.createElement('span');
+            label.className = 'tree-node-label';
+            label.textContent = node.nodeName || node.name || `Node ${node.id}`;
+            itemDiv.appendChild(label);
+
+            nodeDiv.appendChild(itemDiv);
 
             // 子容器
             if (hasChildren) {
@@ -2385,10 +2609,10 @@
             const treeData = this.buildTreeData(this.state.modelList);
             const allIds = this.getAllNodeIds(treeData);
             this.state.checkedNodeIds = [...new Set(allIds)]; // 去重
-            
+
             // 更新所有复选框UI
             this.updateAllCheckboxes();
-            
+
             // 触发数据加载
             this.loadBatchData();
         },
@@ -2396,10 +2620,10 @@
         // 全不选
         deselectAllNodes() {
             this.state.checkedNodeIds = [];
-            
+
             // 更新所有复选框UI
             this.updateAllCheckboxes();
-            
+
             // 清除模型
             this.clearModels();
         },
@@ -2420,42 +2644,42 @@
         },
 
         syncCheckboxUI(rootNode, checked) {
-             // 简易实现：重新渲染虽然 heavy，但在没有 VDOM 的情况下保证一致性。
-             // 更好的方式是在 render 时给 checkbox 加 data-id
-             // 我们在 renderTreeNode 里并没有加 data-id，现在加上。
-             // 修正：renderTreeNode 代码没有 data-id，此处需注意，
-             // 为了保持高性能，我们不重新渲染，而是通过数据驱动。
-             // 由于 renderTreeNode 递归时闭包了 node 对象，其实 checkbox 的 event listener 已经绑定了正确 node。
-             // 问题是：勾选父节点，子节点 UI 怎么变？
-             // 方案：DOM 遍历
-             // 为简化代码且不改变太多逻辑，我们假设父子勾选联动已在数据层处理，下面只处理“当前操作”
-             // 如果需要完整的父子 UI 联动，需要遍历 DOM。
-             
-             // 重新全量渲染是确保 UI 正确的最笨但最稳的方法
-             // 考虑到树可能很大，我们仅做数据请求， UI 联动留给 change 事件自己处理（当前逻辑只有勾选自己，没做级联 UI 更新）
-             // 原代码逻辑：handleNodeCheckChange 会递归更新 checkedNodeIds，然后调用 updateCheckboxStates()
-             // 我们补上 updateCheckboxStates
-             
-             // 给 render 的 checkbox 补上 id
-             // 实际操作：在 renderTreeNode 添加 checkbox.dataset.id = node.id
-             // 下面补上这个逻辑
-             
-             const checkboxes = this.elements.tree.querySelectorAll('.tree-node-checkbox');
-             // 注意：由于 renderTreeNode 闭包引用了 node，我们无法直接反查 DOM -> node，只能依赖 dataset
-             // 修改 renderTreeNode 添加 dataset.id (见下文修正)
-             // 此处假设 dataset 已存在
-             /* checkbox.dataset.id = node.id; 
-             */
-             checkboxes.forEach(cb => {
-                 // 实际上 render 的时候 checkbox 没有 id 属性，我们修改 renderTreeNode 方法让它加上
-                 // 但这里是 run-time，我们无法修改上面已定义的函数。
-                 // 这是一个思考过程。我们在 renderTreeNode 补充 dataset 即可。
-             });
-             
-             // 鉴于原生 DOM 操作父子联动较繁琐，且原代码逻辑包含级联逻辑，我们保留级联数据更新，UI 刷新采用 DOM 查找
-             // 实际渲染时，我会在 renderTreeNode 添加 data-id
+            // 简易实现：重新渲染虽然 heavy，但在没有 VDOM 的情况下保证一致性。
+            // 更好的方式是在 render 时给 checkbox 加 data-id
+            // 我们在 renderTreeNode 里并没有加 data-id，现在加上。
+            // 修正：renderTreeNode 代码没有 data-id，此处需注意，
+            // 为了保持高性能，我们不重新渲染，而是通过数据驱动。
+            // 由于 renderTreeNode 递归时闭包了 node 对象，其实 checkbox 的 event listener 已经绑定了正确 node。
+            // 问题是：勾选父节点，子节点 UI 怎么变？
+            // 方案：DOM 遍历
+            // 为简化代码且不改变太多逻辑，我们假设父子勾选联动已在数据层处理，下面只处理“当前操作”
+            // 如果需要完整的父子 UI 联动，需要遍历 DOM。
+
+            // 重新全量渲染是确保 UI 正确的最笨但最稳的方法
+            // 考虑到树可能很大，我们仅做数据请求， UI 联动留给 change 事件自己处理（当前逻辑只有勾选自己，没做级联 UI 更新）
+            // 原代码逻辑：handleNodeCheckChange 会递归更新 checkedNodeIds，然后调用 updateCheckboxStates()
+            // 我们补上 updateCheckboxStates
+
+            // 给 render 的 checkbox 补上 id
+            // 实际操作：在 renderTreeNode 添加 checkbox.dataset.id = node.id
+            // 下面补上这个逻辑
+
+            const checkboxes = this.elements.tree.querySelectorAll('.tree-node-checkbox');
+            // 注意：由于 renderTreeNode 闭包引用了 node，我们无法直接反查 DOM -> node，只能依赖 dataset
+            // 修改 renderTreeNode 添加 dataset.id (见下文修正)
+            // 此处假设 dataset 已存在
+            /* checkbox.dataset.id = node.id; 
+            */
+            checkboxes.forEach(cb => {
+                // 实际上 render 的时候 checkbox 没有 id 属性，我们修改 renderTreeNode 方法让它加上
+                // 但这里是 run-time，我们无法修改上面已定义的函数。
+                // 这是一个思考过程。我们在 renderTreeNode 补充 dataset 即可。
+            });
+
+            // 鉴于原生 DOM 操作父子联动较繁琐，且原代码逻辑包含级联逻辑，我们保留级联数据更新，UI 刷新采用 DOM 查找
+            // 实际渲染时，我会在 renderTreeNode 添加 data-id
         },
-        
+
         async loadBatchData() {
             this.clearModels();
             if (this.state.checkedNodeIds.length === 0) return;
@@ -2464,7 +2688,7 @@
             const promises = this.state.checkedNodeIds.map(id => Network.post('model/openView', { id }));
             const results = await Promise.all(promises);
             const flatData = results.flat();
-            
+
             if (flatData.length > 0) this.drawModel(flatData);
         },
 
@@ -2494,23 +2718,23 @@
                                 }
                             });
                             break;
-                        
+
                         case 'LINE':
                             this.createPolyline([geometry.start, geometry.end], newOverlays, allPoints, 'red');
                             break;
-                            
+
                         case 'CIRCLE':
                             if (geometry.center) {
                                 this.createCircle(geometry.center, geometry.radius, newOverlays, allPoints, 'blue');
                             }
                             break;
-                            
+
                         default:
                             // 处理 Polygon 或其他点集
                             if (geometry.points?.length > 0) {
                                 const pts = geometry.points.map(p => new BMapGL.Point(p[0], p[1]));
                                 pts.forEach(p => allPoints.push(p));
-                                
+
                                 if (pts.length === 2) {
                                     // 箭头或线
                                     const line = new BMapGL.Polyline(pts, { strokeColor: 'green', strokeWeight: 2 });
@@ -2555,15 +2779,15 @@
 
     // 补丁：重写 renderTreeNode 以支持 UI 联动
     const _originalRender = App.renderTreeNode;
-    App.renderTreeNode = function(node, container, level) {
-        
+    App.renderTreeNode = function (node, container, level) {
+
         const nodeDiv = document.createElement('div');
         nodeDiv.className = 'tree-node';
         nodeDiv.style.paddingLeft = (level * 20) + 'px';
 
         const itemDiv = document.createElement('div');
         itemDiv.className = 'tree-node-item';
-        
+
         // ... (Expand Icon Logic same as above) ...
         if (node.children && node.children.length > 0) {
             const icon = document.createElement('span');
@@ -2587,7 +2811,7 @@
         checkbox.className = 'tree-node-checkbox';
         checkbox.dataset.id = node.id; // 关键：添加 ID 用于反查
         checkbox.checked = this.state.checkedNodeIds.includes(node.id);
-        
+
         checkbox.addEventListener('change', (e) => {
             this.handleCheck(node, e.target.checked);
             // 更新所有 DOM 状态
@@ -2596,14 +2820,14 @@
                 box.checked = this.state.checkedNodeIds.includes(box.dataset.id);
             });
         });
-        
+
         itemDiv.appendChild(checkbox);
 
         const label = document.createElement('span');
         label.className = 'tree-node-label';
         label.innerText = node.nodeName || node.name || node.id;
         itemDiv.appendChild(label);
-        
+
         nodeDiv.appendChild(itemDiv);
 
         if (node.children && node.children.length > 0) {
@@ -2625,4 +2849,5 @@
         window.onload = () => App.init();
     }
 </script>
+
 </html>
\ No newline at end of file