npm - leiting-bim - Versions diffs - 2.1.35 → 2.1.37 - Mend

leiting-bim 2.1.35 → 2.1.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (460) hide show

package/plugins/plugins/cesium-core/src/test/roaming/path.html ADDED Viewed

@@ -0,0 +1,448 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Cesium 路径漫游测试</title>
+    <link
+      rel="stylesheet"
+      href="https://unpkg.com/cesium@1.120.0/Build/Cesium/Widgets/widgets.css"
+    />
+    <style>
+      :root {
+        --bg-color: rgba(30, 30, 30, 0.85);
+        --text-color: #e0e0e0;
+        --accent-color: #3b82f6;
+        --accent-hover: #2563eb;
+        --danger-color: #ef4444;
+        --border-color: rgba(255, 255, 255, 0.1);
+      }
+      html,
+      body {
+        margin: 0;
+        height: 100%;
+        font-family:
+          system-ui,
+          -apple-system,
+          sans-serif;
+        overflow: hidden;
+      }
+      #app {
+        position: absolute;
+        inset: 0;
+      }
+      /* Control Panel */
+      #control-panel {
+        position: absolute;
+        top: 20px;
+        left: 20px;
+        width: 280px;
+        z-index: 100;
+        background-color: var(--bg-color);
+        backdrop-filter: blur(12px);
+        -webkit-backdrop-filter: blur(12px);
+        color: var(--text-color);
+        border-radius: 12px;
+        border: 1px solid var(--border-color);
+        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
+        display: flex;
+        flex-direction: column;
+        overflow: hidden;
+        transition: opacity 0.3s;
+      }
+      .panel-header {
+        padding: 12px 16px;
+        background: rgba(255, 255, 255, 0.05);
+        font-weight: 600;
+        font-size: 16px;
+        border-bottom: 1px solid var(--border-color);
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+      .panel-content {
+        padding: 12px;
+        display: flex;
+        flex-direction: column;
+        gap: 16px;
+        max-height: 80vh;
+        overflow-y: auto;
+      }
+      .control-section {
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+      }
+      .section-title {
+        font-size: 12px;
+        text-transform: uppercase;
+        color: #9ca3af;
+        letter-spacing: 0.5px;
+        font-weight: 600;
+      }
+      /* Inputs */
+      .input-group {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+      }
+      .input-group label {
+        font-size: 12px;
+        color: #9ca3af;
+      }
+      input[type='number'],
+      input[type='text'] {
+        width: 100%;
+        padding: 6px 10px;
+        background: rgba(0, 0, 0, 0.3);
+        border: 1px solid var(--border-color);
+        border-radius: 6px;
+        color: var(--text-color);
+        font-size: 13px;
+        outline: none;
+        box-sizing: border-box;
+      }
+      input[type='number']:focus,
+      input[type='text']:focus {
+        border-color: var(--accent-color);
+      }
+      .checkbox-group {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        cursor: pointer;
+      }
+      input[type='checkbox'] {
+        cursor: pointer;
+      }
+      .row {
+        display: flex;
+        gap: 8px;
+        align-items: center;
+      }
+      .row.grid-2 {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+      }
+      .row.grid-3 {
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr;
+      }
+      button {
+        padding: 6px 12px;
+        border: 1px solid var(--border-color);
+        background: rgba(255, 255, 255, 0.05);
+        color: var(--text-color);
+        border-radius: 6px;
+        cursor: pointer;
+        font-size: 13px;
+        transition: all 0.2s;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 6px;
+      }
+      button:hover {
+        background: rgba(255, 255, 255, 0.1);
+        border-color: rgba(255, 255, 255, 0.2);
+      }
+      button:active {
+        transform: translateY(1px);
+      }
+      button.primary {
+        background: var(--accent-color);
+        border-color: transparent;
+        color: white;
+      }
+      button.primary:hover {
+        background: var(--accent-hover);
+      }
+      button.danger {
+        color: var(--danger-color);
+        border-color: rgba(239, 68, 68, 0.3);
+      }
+      button.danger:hover {
+        background: rgba(239, 68, 68, 0.1);
+      }
+      .icon-btn {
+        font-size: 16px;
+        padding: 6px 0; /* Adjust padding for square-ish look if needed, or keep standard */
+        min-width: 32px;
+      }
+      /* Status */
+      .status-bar {
+        padding: 10px 16px;
+        background: rgba(0, 0, 0, 0.3);
+        border-top: 1px solid var(--border-color);
+        font-size: 12px;
+        color: #9ca3af;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+      .status-value {
+        color: var(--accent-color);
+        font-weight: 600;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="control-panel">
+      <div class="panel-header">
+        <span>🛤️ 路径漫游</span>
+      </div>
+      <div class="panel-content">
+        <!-- Parameter Configuration -->
+        <div class="control-section">
+          <div class="section-title">参数配置</div>
+          <div class="input-group">
+            <label>速度 (speed)</label>
+            <input type="number" id="inpSpeed" value="20" min="1" />
+          </div>
+          <div class="input-group">
+            <label>模型 URL (空则使用点)</label>
+            <input
+              type="text"
+              id="inpModelUrl"
+              placeholder="例如: https://cesium.com/public/Cesium_Air.glb"
+              value="http://localhost:5176/src/test/roaming/c.gltf"
+            />
+          </div>
+          <div class="input-group">
+            <label>模型缩放 (scale)</label>
+            <input type="number" id="inpModelScale" value="1.0" step="0.1" min="0.1" />
+          </div>
+          <div class="control-section" style="gap: 12px; margin-top: 8px;">
+            <label class="checkbox-group">
+              <input type="checkbox" id="chkShowPath" checked />
+              <span>显示路径 (showPath)</span>
+            </label>
+          </div>
+          <div class="control-section" style="margin-top: 8px">
+            <div class="section-title">初始视角</div>
+            <div class="row">
+              <button id="btnCaptureView" class="primary" style="flex: 1">📷 捕获当前视角</button>
+              <button id="btnClearView" class="danger icon-btn" title="清除视角">✖</button>
+            </div>
+            <div id="viewStatus" style="font-size: 11px; color: #9ca3af; margin-top: 4px"
+              >未配置</div
+            >
+          </div>
+          <button id="btnDrawPath" class="primary" style="width: 100%; margin-top: 8px"
+            >✏️ 绘制路径</button
+          >
+        </div>
+        <!-- Roaming Operations -->
+        <div class="control-section">
+          <div class="section-title">漫游操作</div>
+          <div class="row grid-2">
+            <button id="btnToggle" class="primary icon-btn" title="开始">▶</button>
+            <button id="btnEnd" class="danger icon-btn" title="结束">⏹</button>
+          </div>
+        </div>
+      </div>
+      <div class="status-bar">
+        <span id="statusText">状态: <span class="status-value">就绪</span></span>
+      </div>
+    </div>
+    <div id="app"></div>
+    <script src="https://unpkg.com/cesium@1.120.0/Build/Cesium/Cesium.js"></script>
+    <!-- Bypass AMD for UMD -->
+    <script>
+      var _origDefine = window.define;
+      window.define = undefined;
+    </script>
+    <script src="../../../dist/cesium-core.umd.js"></script>
+    <script>
+      window.define = _origDefine;
+    </script>
+    <script>
+      Cesium.Ion.defaultAccessToken =
+        'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJjZGI0MzM1ZS1hMjY4LTRlYzgtYjg1MC03NmI2ZjUxMmM5ZTUiLCJpZCI6OTUzODIsImlhdCI6MTY1MzYyMTM4OX0.ygoPAb1FvQkQGtziq5nTsWT-u7dCheu5hcG0p9TQFpU';
+      const viewer = new Cesium.Viewer('app', {
+        baseLayerPicker: false,
+        geocoder: false,
+        homeButton: false,
+        sceneModePicker: false,
+        navigationHelpButton: false,
+        animation: true,
+        timeline: true,
+        terrainProvider: null,
+      });
+      (async () => {
+        try {
+          const terrainProvider = await Cesium.ArcGISTiledElevationTerrainProvider.fromUrl(
+            'https://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer',
+          );
+          viewer.terrainProvider = terrainProvider;
+        } catch (err) {
+          console.error('ArcGIS 地形加载失败，使用椭球地形回退', err);
+          viewer.terrainProvider = new Cesium.EllipsoidTerrainProvider();
+        }
+      })();
+      const pathRoam = new CesiumCore.PathRoamTool({ Cesium, viewer });
+      const drawTool = new CesiumCore.DrawTool(Cesium, viewer);
+      const statusText = document.getElementById('statusText');
+      // Inputs
+      const inpSpeed = document.getElementById('inpSpeed');
+      const inpModelUrl = document.getElementById('inpModelUrl');
+      const inpModelScale = document.getElementById('inpModelScale');
+      const chkShowPath = document.getElementById('chkShowPath');
+      // Default Path Data
+      const defaultPositions = [
+        [116.391, 39.907, 0],
+        [116.397, 39.909, 0],
+        [116.404, 39.915, 0],
+        [116.41, 39.92, 0],
+        [116.418, 39.925, 0],
+      ];
+      let customPositions = null;
+      let initialViewConfig = null;
+      // Camera View Config
+      document.getElementById('btnCaptureView').onclick = function () {
+        const camera = viewer.camera;
+        initialViewConfig = {
+          destination: camera.position.clone(),
+          orientation: {
+            heading: camera.heading,
+            pitch: camera.pitch,
+            roll: camera.roll,
+          },
+        };
+        const c = initialViewConfig.destination;
+        const h = Cesium.Math.toDegrees(initialViewConfig.orientation.heading).toFixed(1);
+        const p = Cesium.Math.toDegrees(initialViewConfig.orientation.pitch).toFixed(1);
+        document.getElementById('viewStatus').innerHTML =
+          `Pos: [${c.x.toFixed(0)}, ${c.y.toFixed(0)}, ${c.z.toFixed(0)}]<br>HPR: [${h}, ${p}, 0]`;
+      };
+      document.getElementById('btnClearView').onclick = function () {
+        initialViewConfig = null;
+        document.getElementById('viewStatus').innerText = '未配置';
+      };
+      // Draw Path Button
+      document.getElementById('btnDrawPath').onclick = function () {
+        pathRoam.clear();
+        drawTool.draw('line', {
+          onComplete: function (result) {
+            console.log('绘制完成，结果:', result);
+            // 转换为漫游工具需要的格式 [lon, lat, height]
+            customPositions = result.lnglats.map((p) => [p.lng, p.lat, p.height]);
+            // 结束绘制并清除临时线
+            drawTool.clear();
+            statusText.innerHTML =
+              '状态: <span class="status-value">路径已绘制，请点击"开始"</span>';
+          },
+        });
+        statusText.innerHTML =
+          '状态: <span class="status-value">请在地图上绘制路径 (左键点击，双击结束)</span>';
+      };
+      // Toggle Button (Start/Pause/Resume)
+      let isRoaming = false;
+      const btnToggle = document.getElementById('btnToggle');
+      btnToggle.onclick = function () {
+        if (!isRoaming) {
+          // Start
+          const positions = customPositions || defaultPositions;
+          statusText.innerHTML = '状态: <span class="status-value">漫游中</span>';
+          pathRoam.start({
+            positions: positions,
+            speed: Number(inpSpeed.value) || 20,
+            loop: false,
+            clampToGround: false,
+            followCamera: true,
+            showPath: chkShowPath.checked,
+            pathColor: Cesium.Color.CYAN,
+            pathWidth: 3,
+            pointColor: Cesium.Color.ORANGE,
+            pointPixelSize: 8,
+            modelUrl: inpModelUrl.value.trim() || undefined,
+              modelScale: Number(inpModelScale.value) || 1.0,
+              initialView: initialViewConfig,
+            onComplete: function () {
+              statusText.innerHTML = '状态: <span class="status-value">完成</span>';
+              isRoaming = false;
+              btnToggle.innerText = '▶';
+              btnToggle.title = '开始';
+            },
+          });
+          isRoaming = true;
+          this.innerText = '⏸';
+          this.title = '暂停';
+        } else {
+          // Pause/Resume
+          if (!pathRoam) return;
+          const shouldAnimate = viewer.clock.shouldAnimate;
+          if (shouldAnimate) {
+            viewer.clock.shouldAnimate = false;
+            statusText.innerHTML = '状态: <span class="status-value">已暂停</span>';
+            this.innerText = '▶';
+            this.title = '继续';
+          } else {
+            viewer.clock.shouldAnimate = true;
+            statusText.innerHTML = '状态: <span class="status-value">漫游中</span>';
+            this.innerText = '⏸';
+            this.title = '暂停';
+          }
+        }
+      };
+      // End Button (Stop/Clear)
+      document.getElementById('btnEnd').onclick = function () {
+        pathRoam.clear();
+        drawTool.clear();
+        statusText.innerHTML = '状态: <span class="status-value">已结束</span>';
+        isRoaming = false;
+        btnToggle.innerText = '▶';
+        btnToggle.title = '开始';
+      };
+    </script>
+  </body>
+</html>