@teeechina/teee-map 0.0.1 → 0.0.3

package/README.md

@@ -0,0 +1,3 @@
+# teee-map-sdk
+
+基于teee-map的npm发布版本

package/dist/teee-map.mjs

@@ -33764,11 +33764,18 @@ var l = async () => {
 		})
 	];
 }, b = {
-	ctc: (e) => ({
-		type: "vector",
+	geojson: (e) => ({
+		type: "geojson",
+		data: e || {
+			type: "FeatureCollection",
+			features: []
+		}
+	}),
+	raster: (e) => ({
+		type: "raster",
 		tiles: [e],
 		scheme: "tms",
-		promoteId: "code"
+		tileSize: 256
 	}),
 	graph: (e) => ({
 		type: "vector",
@@ -33776,17 +33783,26 @@ var l = async () => {
 		scheme: "tms",
 		promoteId: "code"
 	}),
-	raster: (e) => ({
-		type: "raster",
-		tiles: [e],
-		scheme: "tms",
-		tileSize: 256
-	}),
 	geom: (e) => ({
 		type: "vector",
 		tiles: [e],
 		scheme: "tms",
 		promoteId: "code"
+	}),
+	image: (e, t) => ({
+		type: "image",
+		url: e,
+		coordinates: t
+	}),
+	video: (e, t) => ({
+		type: "video",
+		urls: e,
+		coordinates: t
+	}),
+	canvas: (e, t) => ({
+		type: "canvas",
+		canvas: e,
+		coordinates: t
 	})
 }, x = {
 	background: (e, t) => ({
@@ -34617,7 +34633,7 @@ var l = async () => {
 					22,
 					15
 				],
-				"text-font": ["Arial Unicode MS Bold"],
+				"text-font": ["Open Sans Regular"],
 				"text-anchor": "top",
 				"text-offset": [0, .5],
 				"symbol-placement": "point",
@@ -35052,7 +35068,7 @@ var l = async () => {
 					13
 				]
 			],
-			"text-font": ["Arial Unicode MS Bold"],
+			"text-font": ["Open Sans Regular"],
 			"text-anchor": [
 				"case",
 				[
@@ -35139,7 +35155,7 @@ var l = async () => {
 				"界",
 				"门"
 			],
-			"text-font": ["Arial Unicode MS Bold"],
+			"text-font": ["Open Sans Regular"],
 			"text-size": [
 				"interpolate",
 				["linear"],
@@ -35327,26 +35343,32 @@ var l = async () => {
 				Array.isArray(n) ? t.push(...n) : t.push(n);
 			} else console.warn(`图层 ${n} 尚未实现`);
 		}), t;
-	}
+	},
+	raster: (e) => [{
+		id: `${e}_raster_layer`,
+		type: "raster",
+		source: e,
+		paint: { "raster-opacity": 1 }
+	}]
 };
 //#endregion
-//#region src/utils/ctcTool.ts
-function D(e) {
-	if (!e.mapConfigs) return;
-	let t = e.mapConfigs.id;
-	e.mapConfigs.sourceLayers.forEach((n) => {
-		n.includes("switch") ? e.map.querySourceFeatures(t, { sourceLayer: n }).forEach((t) => {
-			let n = {
+//#region src/teee-map/utils/ctcTool.ts
+function D() {
+	if (!this.mapConfigs) return;
+	let e = this.mapConfigs.id;
+	this.mapConfigs.sourceLayers.forEach((t) => {
+		t.includes("switch") ? this.map.querySourceFeatures(e, { sourceLayer: t }).forEach((e) => {
+			let t = {
 				state: "",
 				select: !1,
 				visiable: !0,
 				subState1: "",
 				subState2: "",
 				subState3: ""
-			}, r = t.properties;
-			n.state = "2", e.updateFeatureState(r.code, n);
-		}) : n.includes("signal") ? e.map.querySourceFeatures(t, { sourceLayer: n }).forEach((t) => {
-			let n = t.properties, r = n.attach || 0, i = n.func_type, a = {
+			}, n = e.properties;
+			t.state = "2", this.updateFeatureState(n.code, t);
+		}) : t.includes("signal") ? this.map.querySourceFeatures(e, { sourceLayer: t }).forEach((e) => {
+			let t = e.properties, n = t.attach || 0, r = t.func_type, i = {
 				state: "",
 				select: !1,
 				visiable: !0,
@@ -35354,56 +35376,166 @@ function D(e) {
 				subState2: "",
 				subState3: ""
 			};
-			i == 1 && r == 0 || (i == 2 || i == 3) && r == 0 || (i == 2 || i == 3 || i == 11) && r == 1 ? (a.state = "red", a.subState1 = "blue", e.updateFeatureState(n.code, a)) : (i == 4 || i == 5 || i == 12) && r == 0 ? (a.state = "blue", a.subState1 = "green", e.updateFeatureState(n.code, a)) : i == 6 && r == 0 || (i == 7 || i == 11) && r == 0 ? (a.state = "red", a.subState1 = "blue", e.updateFeatureState(n.code, a)) : (a.state = "", a.subState1 = "grey", e.updateFeatureState(n.code, a));
-		}) : n.includes("track") && e.map.querySourceFeatures(t, { sourceLayer: n }).forEach((t) => {
-			let n = {
+			r == 1 && n == 0 || (r == 2 || r == 3) && n == 0 || (r == 2 || r == 3 || r == 11) && n == 1 ? (i.state = "red", i.subState1 = "blue", this.updateFeatureState(t.code, i)) : (r == 4 || r == 5 || r == 12) && n == 0 ? (i.state = "blue", i.subState1 = "green", this.updateFeatureState(t.code, i)) : r == 6 && n == 0 || (r == 7 || r == 11) && n == 0 ? (i.state = "red", i.subState1 = "blue", this.updateFeatureState(t.code, i)) : (i.state = "", i.subState1 = "grey", this.updateFeatureState(t.code, i));
+		}) : t.includes("track") && this.map.querySourceFeatures(e, { sourceLayer: t }).forEach((e) => {
+			let t = {
 				state: "",
 				select: "",
 				visiable: !0,
 				subState1: "",
 				subState2: "",
 				subState3: ""
-			}, r = t.properties;
-			e.updateFeatureState(r.code, n);
+			}, n = e.properties;
+			this.updateFeatureState(n.code, t);
 		});
 	});
 }
 function O(e) {
 	e.map.once("idle", () => {
-		console.log("地图瓦片加载完成"), e && (D(e), e.map.moveLayer(`${e.mapConfigs.id}_${e.mapConfigs.sourceLayers[e.mapConfigs.layers.indexOf("track")]}_lock`));
+		e && (setTimeout(() => {
+			e.initState();
+		}, 1e3), e.map.moveLayer(`${e.mapConfigs.id}_${e.mapConfigs.sourceLayers[e.mapConfigs.layers.indexOf("track")]}_lock`));
+	}), e.initState = D;
+}
+//#endregion
+//#region src/teee-map/utils/baseTool.ts
+function k(e, t) {
+	let n = this.map;
+	if (n && !n.getSource(e)) {
+		let r = b.graph(t);
+		n.addSource(e, r);
+	}
+}
+function A(e, t) {
+	let n = this.map;
+	if (n && !n.getSource(e)) {
+		let r = b.raster(t);
+		n.addSource(e, r);
+	}
+}
+function ee(e, t) {
+	let n = this.map;
+	if (!n) {
+		console.error("地图实例未初始化");
+		return;
+	}
+	try {
+		if (n.getSource(e)) console.warn(`源已存在，跳过添加: ${e}`);
+		else {
+			let r = t ? b.geojson(t) : b.geojson();
+			n.addSource(e, r), console.log(`成功添加 GeoJSON 源: ${e}`);
+		}
+	} catch (t) {
+		console.error(` 添加源失败 [${e}]:`, t);
+	}
+}
+function te(e) {
+	let t = this.map;
+	if (t) if (t.getSource(e)) try {
+		(t.getStyle().layers || []).filter((t) => {
+			if ("source" in t) return t.source === e;
+		}).forEach((e) => {
+			t.removeLayer(e.id), console.log(`移除关联图层: ${e.id}`);
+		}), t.removeSource(e), console.log(`成功移除源: ${e}`);
+	} catch (t) {
+		console.error(`移除源失败 [${e}]:`, t);
+	}
+	else console.warn(`源不存在，无法移除: ${e}`);
+}
+function j(e, t) {
+	let n = this.map;
+	if (!n) return;
+	let r = n.getSource(e);
+	r ? (r.setData(t), console.log(`更新源数据: ${e}`)) : this.addGeoJsonSource(e, t);
+}
+function ne(e, t, n = "fill", r, i) {
+	let a = this.map;
+	if (!a) return;
+	if (!a.getSource(t)) {
+		console.error(`无法添加图层: 源 '${t}' 不存在`);
+		return;
+	}
+	a.getLayer(e) && a.removeLayer(e);
+	let o = {};
+	n === "fill" && (o["fill-color"] = "#3b82f6"), n === "line" && (o["line-color"] = "#3b82f6"), n === "circle" && (o["circle-color"] = "#3b82f6");
+	let s = {
+		id: e,
+		type: n,
+		source: t,
+		paint: {
+			...o,
+			...r
+		},
+		layout: i || {}
+	};
+	a.addLayer(s);
+}
+function re(e, t) {
+	let n = this.map;
+	n && (n.getLayer(e) ? (Object.keys(t).forEach((r) => {
+		n.setPaintProperty(e, r, t[r]);
+	}), console.log(`样式已更新: ${e}`)) : console.warn(` 图层不存在，无法更新样式: ${e}`));
+}
+function ie(e) {
+	let t = this.map;
+	t && (t.getLayer(e) ? (t.removeLayer(e), console.log(`图层已移除: ${e}`)) : console.warn(` 图层不存在，无法删除: ${e}`));
+}
+function M(e, t) {
+	let n = this.map;
+	if (!n) return;
+	let r = Array.isArray(e) ? e : [e];
+	n.on("click", (e) => {
+		let i = n.queryRenderedFeatures(e.point, { layers: r });
+		if (!i.length) return;
+		let a = i[0];
+		t(a, e.lngLat);
+	}), n.on("mouseenter", r[r.length - 1], () => {
+		n.getCanvas().style.cursor = "pointer";
+	}), n.on("mouseleave", r[r.length - 1], () => {
+		n.getCanvas().style.cursor = "";
 	});
 }
+function ae() {
+	this.map &&= null, this.mapConfigs &&= null, this.stashFeatures.clear(), this.map && (this.map.remove(), console.log("地图实例已移除"));
+}
+function oe(e) {
+	e.addGeoJsonSource = ee, e.addVectorTileSource = k, e.addRasterTileSource = A, e.updateGeoJsonSource = j, e.removeSource = te, e.addGeoJsonLayer = ne, e.updateLayerStyle = re, e.removeLayer = ie, e.onFeatureClick = M, e.destroy = ae;
+}
 //#endregion
-//#region src/utils/index.ts
-var k = { ctc: O }, A = {
+//#region src/teee-map/utils/index.ts
+var se = {
+	base: oe,
+	ctc: O
+}, N = {
 	ctc: (e, t, n) => ({
 		id: "ctc",
 		sourceUrl: t,
 		layers: n,
 		sourceLayers: n.map((t) => t === "switch_loc" ? `${e}_SG_t_${t}` : `${e}_SG_t_${t}_graph`)
 	}),
-	raster: (e, t) => ({
+	raster: (e) => ({
 		id: "raster",
 		sourceUrl: e,
-		center: t,
 		zoom: 20
 	}),
-	geom: (e, t) => {
-		let n = t.map((t) => t === "switch_loc" ? `${e}_t_${t}` : `${e}_t_${t}_geom`);
-		return {
-			id: "geom",
-			sourceUrl: `http://css.teeechina.com:20902/wapian/1.0.0/teee:${e}_station_geom@EPSG%3A900913@pbf/{z}/{x}/{y}`,
-			layers: t,
-			sourceLayers: n
-		};
-	},
+	geom: (e, t, n) => ({
+		id: "geom",
+		sourceUrl: t,
+		layers: n,
+		sourceLayers: n.map((t) => t === "switch_loc" ? `${e}_t_${t}` : `${e}_t_${t}_geom`)
+	}),
 	graph: (e, t, n) => ({
 		id: "graph",
 		sourceUrl: t,
 		layers: n,
 		sourceLayers: n.map((t) => t === "switch_loc" ? `${e}_t_${t}` : `${e}_t_${t}_graph`)
+	}),
+	geojson: (e) => ({ id: e }),
+	rswp: (e) => ({
+		id: "rswp",
+		sourceUrl: e
 	})
-}, ee = class {
+}, ce = class {
 	constructor(e) {
 		this.stashFeatures = /* @__PURE__ */ new Map();
 		let t = {
@@ -35414,17 +35546,16 @@ var k = { ctc: O }, A = {
 		this.map = new c.default.Map({
 			container: e,
 			style: t,
-			center: [.09632598385281314, .05599149797940485],
-			zoom: 14.4
+			center: [0, 0],
+			zoom: 14
+		}), this.map.on("load", () => {
+			se.base(this);
 		});
 	}
-	destroy() {
-		this.map &&= null, this.mapConfigs &&= null, this.stashFeatures.clear();
-	}
 	initMap(e) {
 		this.map.on("load", async () => {
 			try {
-				if (console.log(`开始初始化地图: ${e.id}`), this.map.getSource(e.id) ? console.warn(`地图源已存在，跳过添加: ${e.id}`) : this.map.addSource(e.id, e.source), (await y()).forEach((e) => {
+				if (console.log(`开始构建业务地图: ${e.id}`), this.map.getSource(e.id) ? console.warn(`地图源已存在，跳过添加: ${e.id}`) : this.map.addSource(e.id, e.source), e.subSourceId && (this.map.getSource(e.subSourceId) ? console.warn(`地图源已存在，跳过添加: ${e.subSourceId}`) : this.map.addSource(e.subSourceId, e.subSource)), (await y()).forEach((e) => {
 					this.map.hasImage(e.id) ? console.warn(`图标已存在，跳过添加: ${e.id}`) : this.map.addImage(e.id, e.image);
 				}), e.layers) {
 					let t = 0;
@@ -35440,41 +35571,54 @@ var k = { ctc: O }, A = {
 				console.error(`地图初始化失败: ${e.id}`, t), t instanceof Error && console.error(`错误详情: ${t.message}`);
 			}
 		}), this.map.once("idle", () => {
-			console.log("地图执行地图方法"), this.stashAllFeature();
+			setTimeout(() => {
+				this.stashAllFeature();
+			}, 800);
 		});
 	}
 	createCTCMap(e, t, n) {
-		this.mapConfigs = A.ctc(e, t, n);
-		let r = b.ctc(this.mapConfigs.sourceUrl), i = E.ctc(this.mapConfigs), a = {
+		this.mapConfigs = N.ctc(e, t, n);
+		let r = b.graph(this.mapConfigs.sourceUrl), i = E.ctc(this.mapConfigs), a = {
 			id: this.mapConfigs.id,
 			source: r,
 			layers: i
 		};
-		this.initMap(a), k.ctc(this);
+		this.initMap(a), se.ctc(this);
+	}
+	createRSWPMap(e) {
+		let t = N.rswp(e), n = b.raster(t.sourceUrl), r = E.raster(t.id), i = N.geojson("rswp-geojson"), a = b.geojson(), o = {
+			id: t.id,
+			source: n,
+			subSourceId: i.id,
+			subSource: a,
+			layers: r
+		};
+		this.mapConfigs = t, this.mapConfigs.subSourceId = i.id, this.initMap(o);
 	}
 	createGraphMap(e, t, n) {
-		this.mapConfigs = A.graph(e, t, n);
+		this.mapConfigs = N.graph(e, t, n);
 		let r = b.graph(this.mapConfigs.sourceUrl), i = E.ctc(this.mapConfigs), a = {
 			id: this.mapConfigs.id,
 			source: r,
 			layers: i
 		};
-		this.initMap(a), k.ctc(this);
+		this.initMap(a), se.ctc(this);
 	}
-	createGeomMap(e, t) {
-		this.mapConfigs = A.geom(e, t);
-		let n = b.geom(this.mapConfigs.sourceUrl), r = E.geom(this.mapConfigs), i = {
+	createGeomMap(e, t, n) {
+		this.mapConfigs = N.geom(e, t, n);
+		let r = b.geom(this.mapConfigs.sourceUrl), i = E.geom(this.mapConfigs), a = {
 			id: this.mapConfigs.id,
-			source: n,
-			layers: r
+			source: r,
+			layers: i
 		};
-		this.initMap(i);
+		this.initMap(a);
 	}
-	createRasterMap(e, t) {
-		this.mapConfigs = A.raster(e, t);
-		let n = b.raster(this.mapConfigs.sourceUrl), r = {
+	createRasterMap(e) {
+		this.mapConfigs = N.raster(e);
+		let t = b.raster(this.mapConfigs.sourceUrl), n = E.raster(this.mapConfigs.id), r = {
 			id: this.mapConfigs.id,
-			source: n
+			source: t,
+			layers: n
 		};
 		this.initMap(r);
 	}
@@ -35495,10 +35639,6 @@ var k = { ctc: O }, A = {
 			});
 		});
 	}
-	hoverFeatureSelect() {}
-	initState() {
-		D(this);
-	}
 	updateFeatureState(e, t) {
 		if (!this.mapConfigs) return;
 		let n = this.mapConfigs.id;
@@ -35512,4 +35652,4 @@ var k = { ctc: O }, A = {
 	}
 };
 //#endregion
-export { ee as TeeeMap };
+export { ce as TeeeMap, ce as default };