@skzz/components-gis 0.1.4 → 0.1.5

package/dist/zz-layer-zzts3d-las-hNa-nqxq.js

@@ -0,0 +1,560 @@
+import { t as e } from "./pako.esm-D6zcBi67.js";
+import { computed as t, onUnmounted as n, watch as r } from "vue";
+import { httpService as i } from "@skzz/libs-base";
+import a from "axios";
+//#region src/zz-layer/zz-layer-zzts3d-las/lasTileUtils.js
+var o = 30, s = 6378137, c = 1 / 298.257223563, l = 2 * c - c * c;
+function u(e) {
+	return e instanceof ArrayBuffer ? e : ArrayBuffer.isView(e) ? e.buffer.slice(e.byteOffset, e.byteOffset + e.byteLength) : null;
+}
+function d(e, t, n) {
+	let r = Math.atan2(t, e), i = Math.sqrt(e * e + t * t), a = Math.atan2(n, i * (1 - l)), o = 0;
+	for (let e = 0; e < 10; e++) {
+		let e = Math.sin(a), t = s / Math.sqrt(1 - l * e * e);
+		o = i / Math.cos(a) - t;
+		let r = a;
+		if (a = Math.atan2(n, i * (1 - l * t / (t + o))), Math.abs(a - r) < 1e-12) break;
+	}
+	return [
+		(r * 180 / Math.PI + 540) % 360 - 180,
+		a * 180 / Math.PI,
+		o
+	];
+}
+function f(t) {
+	let n = u(t);
+	if (!n || n.byteLength < 4) return null;
+	let r = new DataView(n), i = 0, a = r.getInt32(i, !0);
+	if (i += 4, a <= 0 || a > 1e4) return console.warn("[zzts3d-las] invalid blob count:", a), null;
+	let s = 0, c = [];
+	for (let t = 0; t < a; t++) {
+		if (i + 4 > n.byteLength) return console.warn("[zzts3d-las] missing blob length at offset", i), null;
+		let t = r.getInt32(i, !0);
+		if (i += 4, t <= 0 || i + t > n.byteLength) return console.warn("[zzts3d-las] invalid blob length:", t), null;
+		let a = r.getUint8(i), l = a === 0 || a === 1, u = l ? a : 0, d = l ? i + 1 : i, f = l ? t - 1 : t;
+		i += t;
+		let p = new Uint8Array(n, d, f), m;
+		if (u === 1) try {
+			m = e.ungzip(p);
+		} catch (e) {
+			return console.warn("[zzts3d-las] gzip inflate failed:", e), null;
+		}
+		else m = p;
+		let h = new DataView(m.buffer, m.byteOffset, 4).getInt32(0, !0);
+		h > 0 && h * o + 4 <= m.byteLength && (s += h, c.push({
+			raw: m,
+			pointCount: h
+		}));
+	}
+	if (s === 0) return null;
+	let l = new Float64Array(s * 3), f = new Float32Array(s), p = new Uint8Array(s * 3), m = new Uint16Array(s), h = new Uint8Array(s), g = Infinity, _ = -Infinity, v = Infinity, y = -Infinity, b = Infinity, x = -Infinity, S = !1, C = 0;
+	for (let e of c) {
+		let t = new DataView(e.raw.buffer, e.raw.byteOffset, e.raw.byteLength), n = 4;
+		for (let r = 0; r < e.pointCount; r++) {
+			let e = t.getFloat64(n, !0);
+			n += 8;
+			let r = t.getFloat64(n, !0);
+			n += 8;
+			let i = t.getFloat64(n, !0);
+			n += 8;
+			let a = t.getUint8(n);
+			n += 1;
+			let o = t.getUint8(n);
+			n += 1;
+			let s = t.getUint8(n);
+			n += 1;
+			let c = t.getUint16(n, !0);
+			n += 2;
+			let u = t.getUint8(n);
+			n += 1, l[C * 3] = e, l[C * 3 + 1] = r, l[C * 3 + 2] = i, p[C * 3] = a, p[C * 3 + 1] = o, p[C * 3 + 2] = s, m[C] = c, h[C] = u;
+			let [w, T, E] = d(e, r, i);
+			f[C] = E, g = Math.min(g, w), _ = Math.max(_, w), v = Math.min(v, T), y = Math.max(y, T), b = Math.min(b, E), x = Math.max(x, E), (a !== 128 || o !== 128 || s !== 128) && (S = !0), C++;
+		}
+	}
+	return {
+		positions: l,
+		heights: f,
+		rgb: p,
+		intensity: m,
+		classification: h,
+		pointCount: s,
+		hasRgb: S,
+		minLon: g,
+		maxLon: _,
+		minLat: v,
+		maxLat: y,
+		minH: b,
+		maxH: x
+	};
+}
+function p() {
+	return {
+		positions: new Float64Array(),
+		heights: new Float32Array(),
+		rgb: new Uint8Array(),
+		intensity: new Uint16Array(),
+		classification: new Uint8Array(),
+		pointCount: 0,
+		hasRgb: !1,
+		minLon: 0,
+		maxLon: 0,
+		minLat: 0,
+		maxLat: 0,
+		minH: 0,
+		maxH: 0
+	};
+}
+function m(e) {
+	if (!e || e.length === 0) return p();
+	if (e.length === 1) return e[0];
+	let t = e.reduce((e, t) => e + t.pointCount, 0), n = new Float64Array(t * 3), r = new Float32Array(t), i = new Uint8Array(t * 3), a = new Uint16Array(t), o = new Uint8Array(t), s = 0;
+	for (let t of e) n.set(t.positions, s * 3), r.set(t.heights, s), i.set(t.rgb, s * 3), a.set(t.intensity, s), o.set(t.classification, s), s += t.pointCount;
+	return {
+		positions: n,
+		heights: r,
+		rgb: i,
+		intensity: a,
+		classification: o,
+		pointCount: t,
+		hasRgb: e.some((e) => e.hasRgb),
+		minLon: Math.min(...e.map((e) => e.minLon)),
+		maxLon: Math.max(...e.map((e) => e.maxLon)),
+		minLat: Math.min(...e.map((e) => e.minLat)),
+		maxLat: Math.max(...e.map((e) => e.maxLat)),
+		minH: Math.min(...e.map((e) => e.minH)),
+		maxH: Math.max(...e.map((e) => e.maxH))
+	};
+}
+//#endregion
+//#region src/zz-layer/zz-layer-zzts3d-las/entityGrid.js
+var h = 3e5, g = 4, _ = 3, v = [
+	74,
+	144,
+	217
+];
+function y(e) {
+	switch (e) {
+		case 2: return [
+			139,
+			110,
+			70
+		];
+		case 3: return [
+			120,
+			190,
+			100
+		];
+		case 4: return [
+			90,
+			170,
+			80
+		];
+		case 5: return [
+			50,
+			140,
+			60
+		];
+		case 6: return [
+			230,
+			90,
+			90
+		];
+		case 9: return [
+			70,
+			120,
+			230
+		];
+		case 10: return [
+			160,
+			120,
+			200
+		];
+		case 11: return [
+			120,
+			120,
+			120
+		];
+		case 1: return [
+			80,
+			80,
+			80
+		];
+		default: return [
+			150,
+			150,
+			150
+		];
+	}
+}
+function b(e) {
+	let t = [
+		[
+			40,
+			80,
+			220
+		],
+		[
+			40,
+			200,
+			220
+		],
+		[
+			60,
+			200,
+			90
+		],
+		[
+			240,
+			210,
+			60
+		],
+		[
+			230,
+			60,
+			50
+		]
+	], n = Math.min(1, Math.max(0, e)) * (t.length - 1), r = Math.min(t.length - 2, Math.floor(n)), i = n - r;
+	return [
+		Math.round(t[r][0] + (t[r + 1][0] - t[r][0]) * i),
+		Math.round(t[r][1] + (t[r + 1][1] - t[r][1]) * i),
+		Math.round(t[r][2] + (t[r + 1][2] - t[r][2]) * i)
+	];
+}
+function x(e, t, n) {
+	let r = e.pointCount, i = new Uint8Array(r * 4), a = Math.round(Math.min(1, Math.max(0, n)) * 255);
+	if (t === "rgb" && e.hasRgb) for (let t = 0; t < r; t++) {
+		let n = t * 3, r = t * 4;
+		i[r] = e.rgb[n], i[r + 1] = e.rgb[n + 1], i[r + 2] = e.rgb[n + 2], i[r + 3] = a;
+	}
+	else if (t === "intensity") {
+		let t = Infinity, n = -Infinity;
+		for (let i = 0; i < r; i++) {
+			let r = e.intensity[i];
+			r < t && (t = r), r > n && (n = r);
+		}
+		let o = Math.max(1, n - t);
+		for (let n = 0; n < r; n++) {
+			let r = b((e.intensity[n] - t) / o), s = n * 4;
+			i[s] = r[0], i[s + 1] = r[1], i[s + 2] = r[2], i[s + 3] = a;
+		}
+	} else if (t === "classification") for (let t = 0; t < r; t++) {
+		let n = y(e.classification[t]), r = t * 4;
+		i[r] = n[0], i[r + 1] = n[1], i[r + 2] = n[2], i[r + 3] = a;
+	}
+	else if (t === "height") {
+		let t = Math.max(.001, e.maxH - e.minH);
+		for (let n = 0; n < r; n++) {
+			let r = b((e.heights[n] - e.minH) / t), o = n * 4;
+			i[o] = r[0], i[o + 1] = r[1], i[o + 2] = r[2], i[o + 3] = a;
+		}
+	} else for (let e = 0; e < r; e++) {
+		let t = e * 4;
+		i[t] = v[0], i[t + 1] = v[1], i[t + 2] = v[2], i[t + 3] = a;
+	}
+	return i;
+}
+function S(e) {
+	return `
+  in float batchId;
+  in vec3 position3DHigh;
+  in vec3 position3DLow;
+  in vec4 color;
+  out vec4 v_color;
+  void main() {
+    vec4 positionEC = czm_modelViewRelativeToEye * czm_translateRelativeToEye(position3DHigh, position3DLow);
+    gl_Position = czm_projection * positionEC;
+    // pointSize 表示屏幕像素，不再除以相机距离（否则粗层全部退化 1px）
+    gl_PointSize = clamp(${Number(e).toFixed(2)}, 1.0, 12.0);
+    v_color = color;
+  }
+`;
+}
+var C = "\n  in vec4 v_color;\n  void main() {\n    vec2 coord = gl_PointCoord - vec2(0.5);\n    if (dot(coord, coord) > 0.25) discard;\n    out_FragColor = v_color;\n  }\n";
+function w(e) {
+	return new Cesium.Appearance({
+		translucent: !0,
+		vertexShaderSource: S(e),
+		fragmentShaderSource: C,
+		renderState: {
+			depthTest: { enabled: !0 },
+			depthMask: !0,
+			blending: Cesium.BlendingState.ALPHA_BLEND
+		}
+	});
+}
+var T = class {
+	constructor(e = {}) {
+		this.id = e.layerId, this.pointSize = e.pointSize ?? 2, this.opacity = e.opacity ?? 1, this.colorMode = e.colorMode ?? "auto", this.fixedLevel = e.level ?? null, this.currentPrimitives = [], this.visibleTileKeys = /* @__PURE__ */ new Set(), this.loading = !1, this.pendingRefresh = !1, this.renderGeneration = 0, this.destroyed = !1, this.handlers = null, this.initTimer = null, this.parsedData = null, this.activeColorMode = "single", this.cancelSource = null, this.requestVersion = 0;
+	}
+	async init() {
+		this.initTimer = setTimeout(() => {
+			this.destroyed || this.initHandler();
+		}, 400);
+	}
+	initHandler() {
+		if (this.loadViewportTiles(), this.handlers) try {
+			viewer.camera.changed.removeEventListener(this.handlers);
+		} catch {}
+		let e = null, t = () => {
+			clearTimeout(e), e = setTimeout(() => {
+				this.loadViewportTiles();
+			}, 250);
+		};
+		viewer.camera.changed.addEventListener(t), this.handlers = t;
+	}
+	remove() {
+		if (this.destroyed = !0, this.requestVersion++, this.initTimer &&= (clearTimeout(this.initTimer), null), this.handlers) {
+			try {
+				viewer.camera.changed.removeEventListener(this.handlers);
+			} catch {}
+			this.handlers = null;
+		}
+		this.cancelInFlight(), this.renderGeneration++, this.removeCurrentPrimitives(), this.visibleTileKeys.clear();
+	}
+	cancelInFlight() {
+		if (this.cancelSource) {
+			try {
+				this.cancelSource.cancel("layer removed");
+			} catch {}
+			this.cancelSource = null;
+		}
+	}
+	removeCurrentPrimitives() {
+		for (let e of this.currentPrimitives) e.isDestroyed?.() || viewer.scene.primitives.remove(e);
+		this.currentPrimitives = [];
+	}
+	isActiveRequest(e) {
+		return !this.destroyed && this.requestVersion === e;
+	}
+	getCameraRegion() {
+		let e = viewer.camera.computeViewRectangle(viewer.scene.globe.ellipsoid);
+		if (e) {
+			let t = Cesium.Math.toDegrees(e.west), n = Cesium.Math.toDegrees(e.south), r = Cesium.Math.toDegrees(e.east), i = Cesium.Math.toDegrees(e.north);
+			if (t < r && n < i) return [
+				t,
+				n,
+				0,
+				r,
+				i,
+				0
+			];
+		}
+		let t = viewer.camera.positionCartographic;
+		if (!t) return null;
+		let n = Cesium.Math.toDegrees(t.longitude), r = Cesium.Math.toDegrees(t.latitude), i = Math.min(10, Math.max(.01, t.height / 111320 * 1.5));
+		return [
+			n - i,
+			Math.max(-89.99, r - i),
+			0,
+			n + i,
+			Math.min(89.99, r + i),
+			0
+		];
+	}
+	async fetchTileWithRetry(e, t, n = _) {
+		let r;
+		for (let o = 1; o <= n; o++) try {
+			return (await i.request({
+				method: "GET",
+				url: e,
+				headers: { Accept: "application/octet-stream" },
+				responseType: "arraybuffer",
+				timeout: 6e4,
+				cancelToken: t.token
+			})).data;
+		} catch (e) {
+			if (a.isCancel(e)) throw e;
+			r = e, o < n && await new Promise((e, n) => {
+				let r = window.setTimeout(e, 250 * o);
+				t.token.promise?.then(() => {
+					window.clearTimeout(r), n(new a.Cancel("cancelled"));
+				});
+			});
+		}
+		throw r instanceof Error ? r : /* @__PURE__ */ Error("Failed to fetch tile");
+	}
+	async loadViewportTiles() {
+		if (this.destroyed || !viewer) return;
+		if (this.loading) {
+			this.pendingRefresh = !0, this.cancelInFlight();
+			return;
+		}
+		let e = this.getCameraRegion();
+		if (!e) return;
+		this.loading = !0, this.cancelInFlight(), this.cancelSource = a.CancelToken.source();
+		let t = ++this.requestVersion, n = this.cancelSource;
+		try {
+			let r = viewer.scene.canvas, o = {
+				layerId: this.id,
+				region: e.join(","),
+				height: String(r.clientHeight),
+				width: String(r.clientWidth)
+			};
+			this.fixedLevel != null && (o.level = String(this.fixedLevel));
+			let s = await i.request({
+				method: "GET",
+				url: "/v1/zzts/layer/3d/las/calTiles",
+				params: o,
+				timeout: 6e4,
+				cancelToken: n.token
+			});
+			if (!this.isActiveRequest(t)) return;
+			let c = Array.isArray(s?.tiles) ? s.tiles : [], l = new Set(c.map((e) => {
+				let t = Array.isArray(e.shards) ? e.shards.join(",") : e.hcode || "";
+				return `${e.level}/${e.geosot}/${t}`;
+			}));
+			if (l.size === 0) {
+				this.visibleTileKeys.clear();
+				return;
+			}
+			this.visibleTileKeys = l;
+			let u = Array(c.length), d = 0;
+			if (await Promise.all(Array.from({ length: Math.min(g, c.length) }, async () => {
+				for (; d < c.length;) {
+					let e = d++, t = c[e], r = {
+						layerId: this.id,
+						geosot: t.geosot,
+						level: String(t.level)
+					}, i = Array.isArray(t.shards) ? t.shards.join(",") : t.hcode || "";
+					i && (r.shards = i);
+					let o = `/v1/zzts/layer/3d/las/getTile?layerId=${encodeURIComponent(r.layerId)}&geosot=${encodeURIComponent(r.geosot)}&level=${r.level}${i ? `&shards=${encodeURIComponent(i)}` : ""}`;
+					try {
+						u[e] = {
+							status: "fulfilled",
+							value: await this.fetchTileWithRetry(o, n)
+						};
+					} catch (n) {
+						if (a.isCancel(n)) throw n;
+						console.error(`[zzts3d-las] getTile 失败 L${t.level} ${t.geosot}`, n), u[e] = {
+							status: "rejected",
+							reason: n
+						};
+					}
+				}
+			})), !this.isActiveRequest(t)) return;
+			let p = u.filter((e) => e?.status === "rejected");
+			if (p.length > 0) {
+				console.warn(`[zzts3d-las] ${p.length}/${c.length} 个 GeoSOT 请求失败，保留上一视口`);
+				return;
+			}
+			let h = [];
+			for (let e of u) {
+				if (e.status !== "fulfilled" || !e.value?.byteLength) continue;
+				let t = f(e.value);
+				t && t.pointCount > 0 && h.push(t);
+			}
+			if (h.length === 0) {
+				console.warn("[zzts3d-las] 当前视口无有效点数据");
+				return;
+			}
+			let _ = m(h);
+			this.parsedData = _, this.colorMode === "auto" ? this.activeColorMode = _.hasRgb ? "rgb" : _.intensity.some((e) => e > 0) ? "intensity" : "single" : this.activeColorMode = this.colorMode, this.renderPoints(_, this.activeColorMode);
+		} catch (e) {
+			!a.isCancel(e) && !this.destroyed && console.error("[zzts3d-las] 视口瓦片加载失败:", e);
+		} finally {
+			this.loading = !1, this.pendingRefresh && !this.destroyed && (this.pendingRefresh = !1, this.loadViewportTiles());
+		}
+	}
+	renderPoints(e, t) {
+		if (!viewer || e.pointCount === 0) return;
+		let n = ++this.renderGeneration;
+		this.removeCurrentPrimitives();
+		let r = x(e, t, this.opacity), i = e.pointCount, a = [];
+		for (let t = 0; t < i; t += h) {
+			let n = Math.min(i, t + h);
+			a.push({
+				positions: e.positions.slice(t * 3, n * 3),
+				colors: r.slice(t * 4, n * 4)
+			});
+		}
+		let o = 0, s = () => {
+			if (n !== this.renderGeneration || !viewer || this.destroyed || o >= a.length) return;
+			let e = a[o++], t = {
+				position: new Cesium.GeometryAttribute({
+					componentDatatype: Cesium.ComponentDatatype.DOUBLE,
+					componentsPerAttribute: 3,
+					values: e.positions
+				}),
+				color: new Cesium.GeometryAttribute({
+					componentDatatype: Cesium.ComponentDatatype.UNSIGNED_BYTE,
+					componentsPerAttribute: 4,
+					values: e.colors,
+					normalize: !0
+				})
+			}, r = new Cesium.Geometry({
+				attributes: t,
+				primitiveType: Cesium.PrimitiveType.POINTS,
+				boundingSphere: Cesium.BoundingSphere.fromVertices(e.positions)
+			}), i = new Cesium.Primitive({
+				geometryInstances: new Cesium.GeometryInstance({ geometry: r }),
+				appearance: w(this.pointSize),
+				asynchronous: !1,
+				allowPicking: !1
+			});
+			viewer.scene.primitives.add(i), this.currentPrimitives.push(i), requestAnimationFrame(s);
+		};
+		requestAnimationFrame(s);
+	}
+}, E = new class {
+	constructor() {
+		this.layers = /* @__PURE__ */ new Map();
+	}
+	async createLayer(e) {
+		let t = typeof e == "string" ? e : e?.layerId || e?.id;
+		if (!t) return console.error("[zzts3d-las] 创建图层失败：缺少 id 参数"), null;
+		if (this.layers.has(t)) {
+			let n = this.layers.get(t);
+			return n.pointSize = e?.pointSize ?? n.pointSize, n.opacity = e?.opacity ?? n.opacity, n.colorMode = e?.colorMode ?? n.colorMode, n;
+		}
+		let n = new T(e);
+		this.layers.set(t, n);
+		try {
+			return await n.init(), n.destroyed ? (this.layers.delete(t), null) : n;
+		} catch (e) {
+			throw this.layers.delete(t), n.remove(), e;
+		}
+	}
+	removeLayer(e) {
+		let t = this.layers.get(e);
+		t && (t.remove(), this.layers.delete(e));
+	}
+	getLayer(e) {
+		return this.layers.get(e);
+	}
+}(), D = (e) => E.createLayer(e), O = (e) => E.removeLayer(e), k = (e) => E.getLayer(e), A = {
+	__name: "index",
+	props: { config: {
+		type: Object,
+		default: () => ({})
+	} },
+	setup(e) {
+		let i = e, a = {
+			layerId: "",
+			colorMode: "auto",
+			pointSize: 2,
+			opacity: 1,
+			level: null
+		}, o = t(() => ({
+			...a,
+			...i.config
+		})), s = 0, c = async () => {
+			++s;
+			let e = o.value;
+			if (!e.layerId) return;
+			let t = k(e.layerId);
+			t ? (t.pointSize = e.pointSize, t.opacity = e.opacity, t.colorMode = e.colorMode) : await D(e);
+		}, l = () => {
+			O(i.config?.layerId || o.value.layerId);
+		};
+		return r(o, () => {
+			c();
+		}, {
+			deep: !0,
+			immediate: !0
+		}), n(() => {
+			s++, l();
+		}), (e, t) => null;
+	}
+};
+//#endregion
+export { A as default };