cesium-mars-op-cog 0.1.0

package/dist/index.js

@@ -0,0 +1,582 @@
+import * as k from "cesium";
+import { Event as P, GeographicTilingScheme as z, Rectangle as T } from "cesium";
+import C from "proj4";
+import { onUnmounted as E, ref as x, shallowRef as S } from "vue";
+var R = class {
+  poolSize;
+  maxLoadPerWorker;
+  workers = [];
+  queue = [];
+  taskMap = /* @__PURE__ */ new Map();
+  taskIdCounter = 0;
+  workerLoad = /* @__PURE__ */ new Map();
+  workerInitialized = /* @__PURE__ */ new Set();
+  workerInitializing = /* @__PURE__ */ new Set();
+  initPayload = null;
+  _initPromise = null;
+  constructor(e, t = navigator.hardwareConcurrency || 4, r = 4) {
+    this.poolSize = t, this.maxLoadPerWorker = r;
+    for (let i = 0; i < t; i++) {
+      const s = e();
+      s.onmessage = (o) => this._handleMessage(o, i), s.onerror = (o) => console.error("Worker error:", o), this.workers.push(s), this.workerLoad.set(i, 0);
+    }
+  }
+  async initOne(e) {
+    this.initPayload = e, this.workerInitialized.clear(), this.workerInitializing.clear();
+    const t = await new Promise((r, i) => {
+      const s = ++this.taskIdCounter;
+      this.taskMap.set(s, {
+        resolve: r,
+        reject: i
+      }), this.workerLoad.set(0, (this.workerLoad.get(0) || 0) + 1), this.workerInitializing.add(0), this.workers[0].postMessage({
+        type: "INIT",
+        payload: e,
+        taskId: s
+      });
+    });
+    return this._initPromise = this._initRemainingWorkers(), t;
+  }
+  async _initRemainingWorkers() {
+    const e = [];
+    for (let t = 1; t < this.poolSize; t++) !this.workerInitialized.has(t) && !this.workerInitializing.has(t) && e.push(new Promise((r) => {
+      this.workerInitializing.add(t);
+      const i = ++this.taskIdCounter;
+      this.taskMap.set(i, {
+        resolve: () => r(),
+        reject: () => r()
+      }), this.workerLoad.set(t, (this.workerLoad.get(t) || 0) + 1), this.workers[t].postMessage({
+        type: "LAZY_INIT",
+        payload: this.initPayload,
+        taskId: i
+      });
+    }));
+    await Promise.allSettled(e);
+  }
+  _getLeastLoadedWorker() {
+    let e = -1, t = 1 / 0;
+    for (const r of this.workerInitialized) {
+      const i = this.workerLoad.get(r) ?? 0;
+      i < t && (t = i, e = r);
+    }
+    if (e === -1)
+      for (const [r, i] of this.workerLoad.entries()) i < t && (t = i, e = r);
+    return e >= 0 ? e : 0;
+  }
+  _handleMessage(e, t) {
+    const { type: r, taskId: i, payload: s } = e.data, o = this.taskMap.get(i);
+    if (!o) return;
+    const n = this.workerLoad.get(t) || 1;
+    this.workerLoad.set(t, Math.max(0, n - 1)), r === "INIT_DONE" ? (this.workerInitialized.add(t), this.workerInitializing.delete(t), o.resolve(s)) : r === "TILE_DONE" ? o.resolve(s) : r === "ERROR" && (this.workerInitializing.has(t) && (this.workerInitialized.add(t), this.workerInitializing.delete(t)), o.reject(new Error(s?.error || "Worker error"))), this.taskMap.delete(i), this._processQueue();
+  }
+  _processQueue() {
+    if (this.queue.length === 0) return;
+    let e = 0;
+    const t = Math.min(this.queue.length, this.poolSize);
+    for (let r = 0; r < t; r++) {
+      let i = -1, s = 1 / 0;
+      for (const a of this.workerInitialized) {
+        const d = this.workerLoad.get(a) ?? 0;
+        d < this.maxLoadPerWorker && d < s && (s = d, i = a);
+      }
+      if (i === -1) {
+        for (let a = 0; a < this.poolSize; a++) if (!this.workerInitialized.has(a) && !this.workerInitializing.has(a)) {
+          this.workerInitializing.add(a);
+          const d = ++this.taskIdCounter;
+          this.taskMap.set(d, {
+            resolve: () => {
+            },
+            reject: () => {
+            }
+          }), this.workerLoad.set(a, (this.workerLoad.get(a) || 0) + 1), this.workers[a].postMessage({
+            type: "LAZY_INIT",
+            payload: this.initPayload,
+            taskId: d
+          });
+          break;
+        }
+        break;
+      }
+      const o = this.queue.shift();
+      e++;
+      const n = ++this.taskIdCounter;
+      this.taskMap.set(n, {
+        resolve: o.resolve,
+        reject: o.reject
+      }), this.workerLoad.set(i, (this.workerLoad.get(i) || 0) + 1), this.workers[i].postMessage({
+        type: o.type,
+        payload: o.payload,
+        taskId: n
+      });
+    }
+  }
+  execute(e, t) {
+    return new Promise((r, i) => {
+      this.queue.push({
+        type: e,
+        payload: t,
+        resolve: r,
+        reject: i
+      }), this._processQueue();
+    });
+  }
+  terminate() {
+    for (const e of this.queue) e.reject?.(/* @__PURE__ */ new Error("WorkerPool 已终止"));
+    for (const [, e] of this.taskMap) e.reject?.(/* @__PURE__ */ new Error("WorkerPool 已终止"));
+    for (const e of this.workers) e.terminate();
+    this.workers = [], this.queue = [], this.taskMap.clear(), this.workerInitialized.clear(), this.workerInitializing.clear();
+  }
+};
+function G(e) {
+  return new Worker("/assets/cogTile.worker-BmAOLWmU.js", { name: e?.name });
+}
+var W = class {
+  max;
+  map;
+  onEvict;
+  constructor(e = 256, t) {
+    this.max = e, this.map = /* @__PURE__ */ new Map(), this.onEvict = t ?? null;
+  }
+  get(e) {
+    if (!this.map.has(e)) return;
+    const t = this.map.get(e);
+    return this.map.delete(e), this.map.set(e, t), t;
+  }
+  set(e, t) {
+    if (this.map.has(e) && this.map.delete(e), this.map.set(e, t), this.map.size > this.max) {
+      const r = this.map.keys().next().value, i = this.map.get(r);
+      this.map.delete(r), this.onEvict?.(r, i);
+    }
+  }
+  delete(e) {
+    return this.map.delete(e);
+  }
+  clear() {
+    this.map.clear();
+  }
+  get size() {
+    return this.map.size;
+  }
+};
+function O() {
+  C.defs("EPSG:3857", "+proj=merc +a=6378137 +b=6378137 +lat_ts=0 +lon_0=0 +x_0=0 +y_0=0 +k=1 +units=m +nadgrids=@null +wktext +no_defs"), C.defs("EPSG:4326", "+proj=longlat +datum=WGS84 +no_defs"), C.defs("EPSG:4548", "+proj=tmerc +lat_0=0 +lon_0=117 +k=1 +x_0=500000 +y_0=0 +ellps=GRS80 +units=m +no_defs");
+  for (let e = 75; e <= 135; e += 3) {
+    const t = 4524 + Math.floor((e - 75) / 3);
+    C.defs(`EPSG:${t}`, `+proj=tmerc +lat_0=0 +lon_0=${e} +k=1 +x_0=500000 +y_0=0 +ellps=GRS80 +units=m +no_defs`);
+  }
+}
+O();
+var q = {
+  poolSize: Math.max(2, Math.min(6, Math.floor((navigator.hardwareConcurrency || 4) / 2))),
+  maxLoadPerWorker: 8,
+  timeout: 3e4,
+  tileCacheSize: 512,
+  alpha: 1
+}, I = class {
+  tileWidth = 256;
+  tileHeight = 256;
+  tilingScheme = new z();
+  hasAlphaChannel = !0;
+  ready = !0;
+  maximumLevel;
+  minimumLevel;
+  rectangle;
+  _errorEvent;
+  get errorEvent() {
+    return this._errorEvent;
+  }
+  get bboxDegrees() {
+    return this._bbox;
+  }
+  _url;
+  _options;
+  _workerPool;
+  _tileCache;
+  _inflightRequests = /* @__PURE__ */ new Map();
+  _emptyTile;
+  _destroyed = !1;
+  _bbox = [
+    0,
+    0,
+    0,
+    0
+  ];
+  _initialized = !1;
+  constructor(e, t) {
+    this._url = e, this._options = {
+      ...q,
+      ...t
+    }, this._tileCache = new W(this._options.tileCacheSize, (r, i) => {
+      i.close();
+    }), this._emptyTile = document.createElement("canvas"), this._emptyTile.width = 256, this._emptyTile.height = 256;
+  }
+  async init() {
+    if (this._initialized) return;
+    if (this._destroyed) throw new Error("CogImageryProvider 已销毁");
+    this._workerPool = new R(() => new G(), this._options.poolSize, this._options.maxLoadPerWorker);
+    const e = await Promise.race([this._workerPool.initOne({ url: this._url }), new Promise((l, c) => setTimeout(() => c(/* @__PURE__ */ new Error("COG 初始化超时")), this._options.timeout))]);
+    if (!e || !Array.isArray(e.bbox) || e.bbox.length !== 4) throw new Error("COG 元数据无效: bbox 格式错误");
+    const t = e.bbox, r = t[0], i = t[1], s = t[2], o = t[3];
+    if (!isFinite(r) || !isFinite(i) || !isFinite(s) || !isFinite(o)) throw new Error("COG 元数据无效: bbox 包含非数值");
+    const n = e.maxLevel ?? 17, a = e.minLevel ?? Math.max(0, n - 8), d = e.crsType ?? "4326";
+    this._bbox = this._normalizeBbox(r, i, s, o, d), this.maximumLevel = n, this.minimumLevel = a, this.rectangle = T.fromDegrees(this._bbox[0], this._bbox[1], this._bbox[2], this._bbox[3]), this._errorEvent = new P(), this._initialized = !0, console.log(`[COG] 初始化完成, 级别 ${a}-${n}, bbox: [${this._bbox.join(", ")}]`);
+  }
+  _normalizeBbox(e, t, r, i, s) {
+    if (Math.abs(e) <= 360 && Math.abs(r) <= 360 && Math.abs(t) <= 90 && Math.abs(i) <= 90) return [
+      e,
+      t,
+      r,
+      i
+    ];
+    try {
+      const o = C(`EPSG:${s}`, "EPSG:4326"), n = o.forward([e, t]), a = o.forward([r, i]);
+      if (isFinite(n[0]) && isFinite(n[1]) && isFinite(a[0]) && isFinite(a[1]) && Math.abs(n[0]) <= 180 && Math.abs(a[0]) <= 180 && Math.abs(n[1]) <= 90 && Math.abs(a[1]) <= 90) return [
+        n[0],
+        n[1],
+        a[0],
+        a[1]
+      ];
+    } catch {
+    }
+    throw new Error(`bbox 超出度坐标范围 [${e}, ${t}, ${r}, ${i}]，CRS=${s}，转换失败`);
+  }
+  isDestroyed() {
+    return this._destroyed;
+  }
+  async requestImage(e, t, r) {
+    if (this._destroyed || !this._initialized) return;
+    const [i, s, o, n] = this._bbox, a = Math.pow(2, r + 1), d = Math.pow(2, r), l = 360 / a, c = 180 / d, m = e * l - 180, v = m + l, p = 90 - t * c, y = p - c;
+    if (v <= i || m >= o || p <= s || y >= n) return this._emptyTile;
+    const g = `${this._url}_${e}_${t}_${r}`, _ = this._tileCache.get(g);
+    if (_) {
+      const u = document.createElement("canvas");
+      return u.width = _.width, u.height = _.height, u.getContext("2d").drawImage(_, 0, 0), u;
+    }
+    let f = this._inflightRequests.get(g);
+    f || (f = this._fetchTile(g, e, t, r, {
+      west: m,
+      south: y,
+      east: v,
+      north: p
+    }), this._inflightRequests.set(g, f));
+    const w = await f;
+    if (!w) return this._emptyTile;
+    const h = document.createElement("canvas");
+    return h.width = w.width, h.height = w.height, h.getContext("2d").drawImage(w, 0, 0), h;
+  }
+  async _fetchTile(e, t, r, i, s) {
+    try {
+      const o = await this._workerPool.execute("PROCESS_TILE", {
+        x: t,
+        y: r,
+        level: i,
+        tileRect: s,
+        alpha: this._options.alpha
+      });
+      return !o || o.empty || !o.bitmap ? null : (this._tileCache.set(e, o.bitmap), o.bitmap);
+    } finally {
+      this._inflightRequests.delete(e);
+    }
+  }
+  destroy() {
+    this._destroyed = !0, this._workerPool?.terminate(), this._tileCache.clear(), this._inflightRequests.clear(), this._initialized = !1;
+  }
+};
+function $(e, t = 0.3) {
+  const r = e.east - e.west, i = e.north - e.south, s = r * t, o = i * t;
+  return {
+    west: e.west - s,
+    south: e.south - o,
+    east: e.east + s,
+    north: e.north + o
+  };
+}
+async function N(e, t) {
+  const r = new I(e, t);
+  return await r.init(), r;
+}
+async function B(e, t, r) {
+  const i = new I(t, r);
+  await i.init();
+  const s = e.imageryLayers.addImageryProvider(i);
+  if (s.alpha = r?.alpha ?? 1, r?.flyTo !== !1 && e.camera) {
+    const o = i.bboxDegrees, n = $({
+      west: o[0],
+      south: o[1],
+      east: o[2],
+      north: o[3]
+    }, 0.3);
+    e.camera.flyTo({
+      destination: {
+        west: n.west,
+        south: n.south,
+        east: n.east,
+        north: n.north
+      },
+      duration: 1.5
+    });
+  }
+  return s;
+}
+async function Y(e, t, r) {
+  const i = new I(t, r);
+  await i.init();
+  const s = i.bboxDegrees, o = i.maximumLevel, n = i.minimumLevel, a = await j(), { TileGrid: d } = a.tilegrid, l = 256, c = [];
+  for (let g = 0; g <= o; g++) c.push(360 / (l * Math.pow(2, g + 1)));
+  const m = new d({
+    extent: [
+      -180,
+      -90,
+      180,
+      90
+    ],
+    origin: [-180, 90],
+    resolutions: c,
+    tileSize: [l, l]
+  }), v = new a.source.TileImage({
+    projection: "EPSG:4326",
+    tileGrid: m,
+    tileUrlFunction: (g) => `cog://${g[0]}/${g[1]}/${g[2]}`,
+    tileLoadFunction: (g, _) => {
+      const f = _.replace("cog://", "").split("/"), w = Number(f[0]), h = Number(f[1]), u = Number(f[2]);
+      i.requestImage(h, u, w).then((L) => {
+        L && L.toBlob((b) => {
+          if (b) {
+            const M = g.getImage();
+            M.src = URL.createObjectURL(b);
+          }
+        });
+      }).catch(() => {
+      });
+    }
+  }), p = new a.layer.Tile({
+    source: v,
+    opacity: r?.opacity ?? 1,
+    extent: [
+      s[0],
+      s[1],
+      s[2],
+      s[3]
+    ],
+    minResolution: c[Math.min(o, c.length - 1)],
+    maxResolution: c[Math.min(n, c.length - 1)]
+  });
+  e.addLayer(p);
+  const y = e.getView();
+  return y && y.fit([
+    s[0],
+    s[1],
+    s[2],
+    s[3]
+  ], {
+    padding: [
+      50,
+      50,
+      50,
+      50
+    ],
+    duration: 1500
+  }), p;
+}
+async function j() {
+  try {
+    const e = (await import("ol/tilegrid/TileGrid")).default, t = (await import("ol/source/TileImage")).default, r = (await import("ol/layer/Tile")).default;
+    return {
+      tilegrid: { TileGrid: e },
+      source: { TileImage: t },
+      layer: { Tile: r }
+    };
+  } catch {
+    throw new Error("OpenLayers 依赖未找到，请安装: npm install ol");
+  }
+}
+function A(e) {
+  const t = /* @__PURE__ */ new Map();
+  return {
+    async addCogLayer(r, i, s = {}) {
+      const o = e();
+      if (!o) throw new Error("Cesium Viewer 未初始化");
+      const n = {
+        alpha: 1,
+        flyTo: !0,
+        ...s
+      };
+      let a = null, d = null;
+      try {
+        a = new I(i, n), await a.init(), d = o.imageryLayers.addImageryProvider(a), d.alpha = n.alpha;
+        const l = a.bboxDegrees, c = {
+          imageryLayer: d,
+          layerId: r,
+          provider: a,
+          bbox: [...l]
+        };
+        if (t.set(r, c), n.flyTo !== !1) {
+          const [m, v, p, y] = l, g = p - m, _ = y - v, f = g * 0.3, w = _ * 0.3, h = T.fromDegrees(m - f, v - w, p + f, y + w);
+          o.camera.flyTo({
+            destination: h,
+            duration: 1.5
+          });
+        }
+        return console.log("[COG] 加载成功:", r), c;
+      } catch (l) {
+        if (a?.destroy(), d) try {
+          o.imageryLayers.remove(d, !0);
+        } catch {
+        }
+        throw l;
+      }
+    },
+    removeCogLayer(r) {
+      const i = t.get(r);
+      if (!i) {
+        console.warn("[COG] 图层不存在:", r);
+        return;
+      }
+      try {
+        i.provider.destroy();
+        const s = e();
+        s && (i.imageryLayer.show = !1, s.scene.requestRender(), requestAnimationFrame(() => {
+          try {
+            s.imageryLayers.remove(i.imageryLayer, !0), s.scene.requestRender();
+          } catch {
+          }
+        }));
+      } catch (s) {
+        console.warn("[COG] 移除图层时出错:", s);
+      }
+      t.delete(r);
+    },
+    flyToCogLayer(r) {
+      const i = t.get(r);
+      if (!i) {
+        console.warn("[COG] 图层不存在:", r);
+        return;
+      }
+      const s = e();
+      if (!s) return;
+      const [o, n, a, d] = i.bbox, l = (a - o) * 0.3, c = (d - n) * 0.3, m = T.fromDegrees(o - l, n - c, a + l, d + c);
+      s.camera.flyTo({
+        destination: m,
+        duration: 1.5
+      });
+    },
+    destroyCogTools() {
+      for (const [r] of t) this.removeCogLayer(r);
+      t.clear();
+    }
+  };
+}
+function V(e = {}) {
+  const { baseUrl: t = "/Cesium/", cogApiUrl: r = "http://localhost:5158/api/cog/list", cogStaticBaseUrl: i = "http://localhost:5158", viewerOptions: s = {} } = e, o = S(null), n = x([]), a = x(""), d = x(!1), l = x(null);
+  let c = null, m = null;
+  const v = async (h = "cesiumContainer") => {
+    try {
+      window.CESIUM_BASE_URL = t, k.RequestScheduler.maximumRequests = 100, k.RequestScheduler.maximumRequestsPerServer = 24, o.value = new k.Viewer(h, {
+        geocoder: !1,
+        animation: !1,
+        timeline: !1,
+        baseLayerPicker: !1,
+        terrainProvider: new k.EllipsoidTerrainProvider(),
+        imagery: !1,
+        sun: !1,
+        moon: !1,
+        ...s
+      }), o.value.imageryLayers.length > 0 ? console.log("[CogManager] 当前已有底图，不再重复清理") : o.value.imageryLayers.addImageryProvider(new k.UrlTemplateImageryProvider({
+        url: "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
+        tilingScheme: new k.WebMercatorTilingScheme(),
+        maximumLevel: 18
+      }));
+      const u = o.value.scene;
+      u.fog.enabled = !1, u.highDynamicRange = !1, u.globe.depthTestAgainstTerrain = !1, u.globe.baseColor = k.Color.fromCssColorString("#1a1a2e"), u.backgroundColor = k.Color.fromCssColorString("#1a1a2e"), u.skyAtmosphere && (u.skyAtmosphere.show = !1), u.light.enabled = !1, o.value.cesiumWidget.creditContainer && (o.value.cesiumWidget.creditContainer.style.display = "none"), await new Promise((L) => requestAnimationFrame(() => L())), c = A(() => o.value), l.value = null;
+    } catch (u) {
+      throw l.value = u.message || "Viewer 初始化失败", console.error("[CogManager] 初始化失败:", u), u;
+    }
+  }, p = async () => {
+    try {
+      const h = new AbortController(), u = setTimeout(() => h.abort(), 1e4), L = await fetch(r, { signal: h.signal });
+      clearTimeout(u), n.value = (await L.json()).map((b) => ({
+        name: b.name,
+        url: b.staticUrl.startsWith("http") ? b.staticUrl : `${i}${b.staticUrl}`
+      })), n.value.length > 0 && (a.value = n.value[0].url), l.value = null;
+    } catch (h) {
+      console.error("[CogManager] 获取 COG 列表失败:", h), n.value = [], l.value = "获取 COG 列表失败: " + (h.name === "AbortError" ? "请求超时" : h.message);
+    }
+  }, y = async () => {
+    if (!(!a.value || d.value)) {
+      d.value = !0, l.value = null;
+      try {
+        if (m) {
+          try {
+            c?.removeCogLayer(m);
+          } catch (u) {
+            console.warn("[CogManager] 移除旧图层时出错（继续加载）:", u);
+          }
+          m = null, await new Promise((u) => requestAnimationFrame(() => requestAnimationFrame(() => u())));
+        }
+        const h = "cog-layer-" + Date.now();
+        await c.addCogLayer(h, a.value, {
+          alpha: 1,
+          flyTo: !0
+        }), m = h, console.log("[CogManager] 加载成功:", h);
+      } catch (h) {
+        throw console.error("[CogManager] 加载失败:", h), l.value = h.message, h;
+      } finally {
+        d.value = !1;
+      }
+    }
+  }, g = () => {
+    if (!m) {
+      l.value = "没有可移除的图层";
+      return;
+    }
+    if (!c) {
+      l.value = "系统未初始化";
+      return;
+    }
+    console.log("[CogManager] 移除图层:", m), c.removeCogLayer(m), m = null, l.value = null;
+  }, _ = () => {
+    if (!m) {
+      l.value = "没有可飞行的图层";
+      return;
+    }
+    if (!c) {
+      l.value = "系统未初始化";
+      return;
+    }
+    c.flyToCogLayer(m), l.value = null;
+  }, f = async (h) => {
+    a.value = h;
+    try {
+      await y();
+    } catch (u) {
+      console.error("[CogManager] 切换 COG 失败:", u);
+    }
+  }, w = () => {
+    c?.destroyCogTools(), o.value?.destroy(), o.value = null, c = null, m = null;
+  };
+  return E(w), {
+    viewer: o,
+    cogList: n,
+    selectedCog: a,
+    isLoading: d,
+    error: l,
+    initViewer: v,
+    fetchCogList: p,
+    loadCOG: y,
+    removeCOG: g,
+    flyTo: _,
+    switchCog: f,
+    destroy: w
+  };
+}
+export {
+  I as CogImageryProvider,
+  W as LRUCache,
+  B as addCogLayerToMap,
+  Y as addCogLayerToOpenLayers,
+  N as createCogProvider,
+  $ as expandRectangle,
+  V as useCogManager,
+  A as useCogTif
+};
+
+//# sourceMappingURL=index.js.map