@jorgmoritz/gis-manager 0.1.28 → 0.1.29

package/dist/vue/index.js

@@ -6674,6 +6674,98 @@ function renderFlightPath(CesiumNS, viewer, options) {
   }
   return entity;
 }
+function renderFlightPathPreview(CesiumNS, viewer, options) {
+  const C = CesiumNS;
+  const entity = renderFlightPath(CesiumNS, viewer, options);
+  const vertexLabelManager = entity._vertexLabelManager;
+  let selectedWaypointIndex = options.initialSelectedIndex ?? null;
+  const polyline = entity.polyline;
+  let positions = [];
+  if (polyline && polyline.positions) {
+    const posValue = polyline.positions.getValue?.(C.JulianDate.now());
+    if (Array.isArray(posValue)) {
+      positions = posValue;
+    }
+  }
+  let waypointDataArray = [];
+  try {
+    const adapterOptions = {
+      CesiumNS,
+      ...options.adapterOptions
+    };
+    const converted = convertSinoflyWayline(options.data, adapterOptions);
+    if (converted && converted.waypointData) {
+      waypointDataArray = [...converted.waypointData].sort((a, b) => a.index - b.index);
+    }
+  } catch (e) {
+    console.warn("[renderFlightPathPreview] \u65E0\u6CD5\u83B7\u53D6\u822A\u70B9\u6570\u636E:", e);
+  }
+  const hasHiddenClimb = entity.properties?._hasHiddenClimb?.getValue?.() ?? false;
+  const hiddenClimbIndex = hasHiddenClimb ? 1 : void 0;
+  const updateWaypointHighlight = (newIndex) => {
+    if (!vertexLabelManager || positions.length === 0) return;
+    const editedIndices = /* @__PURE__ */ new Set();
+    vertexLabelManager.recreateAllLabels(positions, editedIndices, newIndex ?? void 0);
+  };
+  if (selectedWaypointIndex !== null) {
+    updateWaypointHighlight(selectedWaypointIndex);
+  }
+  const handler = new C.ScreenSpaceEventHandler(viewer.scene.canvas);
+  handler.setInputAction((movement) => {
+    const pickedObject = viewer.scene.pick(movement.position);
+    if (C.defined(pickedObject) && pickedObject.id) {
+      const pickedEntity = pickedObject.id;
+      const properties = pickedEntity.properties;
+      if (properties) {
+        const type = properties._type?.getValue?.(C.JulianDate.now());
+        const ownerId = properties._ownerId?.getValue?.(C.JulianDate.now());
+        const vertexIndex = properties._vertexIndex?.getValue?.(C.JulianDate.now());
+        if (type === "vertex-label" && ownerId === entity.id && vertexIndex !== void 0) {
+          let displayIndex = vertexIndex;
+          if (hiddenClimbIndex === 1) {
+            if (vertexIndex >= 2) {
+              displayIndex = vertexIndex - 2;
+            }
+          } else {
+            displayIndex = vertexIndex;
+          }
+          selectedWaypointIndex = vertexIndex;
+          updateWaypointHighlight(selectedWaypointIndex);
+          if (options.onWaypointClick) {
+            const waypointData = waypointDataArray.find((wp) => wp.index === vertexIndex);
+            options.onWaypointClick(displayIndex, waypointData);
+          }
+        }
+      }
+    }
+  }, C.ScreenSpaceEventType.LEFT_CLICK);
+  const controller = {
+    setSelectedWaypoint: (index) => {
+      if (index === null) {
+        selectedWaypointIndex = null;
+        updateWaypointHighlight(null);
+        return;
+      }
+      let actualIndex = index;
+      if (hiddenClimbIndex === 1) {
+        actualIndex = index + 2;
+      }
+      selectedWaypointIndex = actualIndex;
+      updateWaypointHighlight(selectedWaypointIndex);
+    },
+    getSelectedWaypoint: () => {
+      if (selectedWaypointIndex === null) return null;
+      if (hiddenClimbIndex === 1) {
+        return selectedWaypointIndex >= 2 ? selectedWaypointIndex - 2 : null;
+      }
+      return selectedWaypointIndex;
+    },
+    destroy: () => {
+      handler.destroy();
+    }
+  };
+  return { entity, controller };
+}
 
 // src/core/CZMLPathManager.ts
 var _CZMLPathManager = class _CZMLPathManager {
@@ -6757,6 +6849,37 @@ var _CZMLPathManager = class _CZMLPathManager {
   renderFlightPath(options) {
     return renderFlightPath(this.CesiumNS, this.viewer, options);
   }
+  /**
+   * 预览模式渲染飞航路线：支持航点点击高亮
+   * 
+   * 与 renderFlightPath 不同，此方法返回一个控制器对象，支持：
+   * - 航点点击事件回调
+   * - 程序化设置选中航点（高亮显示）
+   * - 列表与地图双向联动
+   * 
+   * @param options 预览选项
+   * @returns 包含实体和控制器的对象
+   * 
+   * @example
+   * ```typescript
+   * const { entity, controller } = pathManager.renderFlightPathPreview({
+   *   data: sinoflyData,
+   *   onWaypointClick: (index, waypoint) => {
+   *     console.log('点击了航点', index, waypoint);
+   *   },
+   *   initialSelectedIndex: 0
+   * });
+   * 
+   * // 程序化设置选中航点
+   * controller.setSelectedWaypoint(2);
+   * 
+   * // 销毁
+   * controller.destroy();
+   * ```
+   */
+  renderFlightPathPreview(options) {
+    return renderFlightPathPreview(this.CesiumNS, this.viewer, options);
+  }
   resolveEntity(entityOrId) {
     return typeof entityOrId === "string" ? this.viewer.entities.getById(entityOrId) : entityOrId;
   }
@@ -9646,6 +9769,20 @@ var CZMLManager = class {
   renderFlightPath(options) {
     return this.pathMgr.renderFlightPath(options);
   }
+  /**
+   * 预览模式渲染飞航路线：支持航点点击高亮
+   * 
+   * 与 renderFlightPath 不同，此方法返回一个控制器对象，支持：
+   * - 航点点击事件回调
+   * - 程序化设置选中航点（高亮显示）
+   * - 列表与地图双向联动
+   * 
+   * @param options 预览选项
+   * @returns 包含实体和控制器的对象
+   */
+  renderFlightPathPreview(options) {
+    return this.pathMgr.renderFlightPathPreview(options);
+  }
   addPathSample(entityOrId, sample) {
     return this.pathMgr.addPathSample(entityOrId, sample);
   }