@antv/l7-mapkit 0.1.0

package/dist/l7-mapkit.js

@@ -0,0 +1,1218 @@
+import { CityBuildingLayer as e, Control as t, ExportImage as n, Fullscreen as r, GeoLocate as i, HeatmapLayer as a, ImageLayer as o, LayerSwitch as s, LineLayer as c, Logo as l, MapTheme as u, Marker as d, MarkerLayer as f, MouseLocation as p, PointLayer as m, PolygonLayer as h, Popup as g, RasterLayer as _, Scale as v, Scene as y, Swipe as b, Zoom as x } from "@antv/l7";
+import { GaodeMap as S, Map as C } from "@antv/l7-maps";
+import w, { createContext as T, useContext as E, useEffect as D, useId as O, useMemo as k, useRef as A, useState as j } from "react";
+import { createPortal as M } from "react-dom";
+//#region \0rolldown/runtime.js
+var N = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), P = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
+	if (typeof require < "u") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+}), F = T(void 0);
+function I() {
+	let e = E(F);
+	if (!e) throw Error("useScene must be used within a GaodeMapScene or MapScene component");
+	return e;
+}
+//#endregion
+//#region node_modules/react/cjs/react-jsx-runtime.production.min.js
+var L = /* @__PURE__ */ N(((e) => {
+	var t = P("react"), n = Symbol.for("react.element"), r = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, a = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = {
+		key: !0,
+		ref: !0,
+		__self: !0,
+		__source: !0
+	};
+	function s(e, t, r) {
+		var s, c = {}, l = null, u = null;
+		for (s in r !== void 0 && (l = "" + r), t.key !== void 0 && (l = "" + t.key), t.ref !== void 0 && (u = t.ref), t) i.call(t, s) && !o.hasOwnProperty(s) && (c[s] = t[s]);
+		if (e && e.defaultProps) for (s in t = e.defaultProps, t) c[s] === void 0 && (c[s] = t[s]);
+		return {
+			$$typeof: n,
+			type: e,
+			key: l,
+			ref: u,
+			props: c,
+			_owner: a.current
+		};
+	}
+	e.Fragment = r, e.jsx = s, e.jsxs = s;
+})), R = /* @__PURE__ */ N(((e) => {
+	process.env.NODE_ENV !== "production" && (function() {
+		var t = P("react"), n = Symbol.for("react.element"), r = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), c = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), h = Symbol.iterator, g = "@@iterator";
+		function _(e) {
+			if (typeof e != "object" || !e) return null;
+			var t = h && e[h] || e[g];
+			return typeof t == "function" ? t : null;
+		}
+		var v = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+		function y(e) {
+			b("error", e, [...arguments].slice(1));
+		}
+		function b(e, t, n) {
+			var r = v.ReactDebugCurrentFrame.getStackAddendum();
+			r !== "" && (t += "%s", n = n.concat([r]));
+			var i = n.map(function(e) {
+				return String(e);
+			});
+			i.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, i);
+		}
+		var x = !1, S = !1, C = !1, w = !1, T = !1, E = Symbol.for("react.module.reference");
+		function D(e) {
+			return !!(typeof e == "string" || typeof e == "function" || e === i || e === o || T || e === a || e === u || e === d || w || e === m || x || S || C || typeof e == "object" && e && (e.$$typeof === p || e.$$typeof === f || e.$$typeof === s || e.$$typeof === c || e.$$typeof === l || e.$$typeof === E || e.getModuleId !== void 0));
+		}
+		function O(e, t, n) {
+			var r = e.displayName;
+			if (r) return r;
+			var i = t.displayName || t.name || "";
+			return i === "" ? n : n + "(" + i + ")";
+		}
+		function k(e) {
+			return e.displayName || "Context";
+		}
+		function A(e) {
+			if (e == null) return null;
+			if (typeof e.tag == "number" && y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function") return e.displayName || e.name || null;
+			if (typeof e == "string") return e;
+			switch (e) {
+				case i: return "Fragment";
+				case r: return "Portal";
+				case o: return "Profiler";
+				case a: return "StrictMode";
+				case u: return "Suspense";
+				case d: return "SuspenseList";
+			}
+			if (typeof e == "object") switch (e.$$typeof) {
+				case c: return k(e) + ".Consumer";
+				case s: return k(e._context) + ".Provider";
+				case l: return O(e, e.render, "ForwardRef");
+				case f:
+					var t = e.displayName || null;
+					return t === null ? A(e.type) || "Memo" : t;
+				case p:
+					var n = e, m = n._payload, h = n._init;
+					try {
+						return A(h(m));
+					} catch {
+						return null;
+					}
+			}
+			return null;
+		}
+		var j = Object.assign, M = 0, N, F, I, L, R, z, B;
+		function V() {}
+		V.__reactDisabledLog = !0;
+		function H() {
+			if (M === 0) {
+				N = console.log, F = console.info, I = console.warn, L = console.error, R = console.group, z = console.groupCollapsed, B = console.groupEnd;
+				var e = {
+					configurable: !0,
+					enumerable: !0,
+					value: V,
+					writable: !0
+				};
+				Object.defineProperties(console, {
+					info: e,
+					log: e,
+					warn: e,
+					error: e,
+					group: e,
+					groupCollapsed: e,
+					groupEnd: e
+				});
+			}
+			M++;
+		}
+		function ee() {
+			if (M--, M === 0) {
+				var e = {
+					configurable: !0,
+					enumerable: !0,
+					writable: !0
+				};
+				Object.defineProperties(console, {
+					log: j({}, e, { value: N }),
+					info: j({}, e, { value: F }),
+					warn: j({}, e, { value: I }),
+					error: j({}, e, { value: L }),
+					group: j({}, e, { value: R }),
+					groupCollapsed: j({}, e, { value: z }),
+					groupEnd: j({}, e, { value: B })
+				});
+			}
+			M < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+		}
+		var U = v.ReactCurrentDispatcher, W;
+		function G(e, t, n) {
+			if (W === void 0) try {
+				throw Error();
+			} catch (e) {
+				var r = e.stack.trim().match(/\n( *(at )?)/);
+				W = r && r[1] || "";
+			}
+			return "\n" + W + e;
+		}
+		var K = !1, q = new (typeof WeakMap == "function" ? WeakMap : Map)();
+		function te(e, t) {
+			if (!e || K) return "";
+			var n = q.get(e);
+			if (n !== void 0) return n;
+			var r;
+			K = !0;
+			var i = Error.prepareStackTrace;
+			Error.prepareStackTrace = void 0;
+			var a = U.current;
+			U.current = null, H();
+			try {
+				if (t) {
+					var o = function() {
+						throw Error();
+					};
+					if (Object.defineProperty(o.prototype, "props", { set: function() {
+						throw Error();
+					} }), typeof Reflect == "object" && Reflect.construct) {
+						try {
+							Reflect.construct(o, []);
+						} catch (e) {
+							r = e;
+						}
+						Reflect.construct(e, [], o);
+					} else {
+						try {
+							o.call();
+						} catch (e) {
+							r = e;
+						}
+						e.call(o.prototype);
+					}
+				} else {
+					try {
+						throw Error();
+					} catch (e) {
+						r = e;
+					}
+					e();
+				}
+			} catch (t) {
+				if (t && r && typeof t.stack == "string") {
+					for (var s = t.stack.split("\n"), c = r.stack.split("\n"), l = s.length - 1, u = c.length - 1; l >= 1 && u >= 0 && s[l] !== c[u];) u--;
+					for (; l >= 1 && u >= 0; l--, u--) if (s[l] !== c[u]) {
+						if (l !== 1 || u !== 1) do
+							if (l--, u--, u < 0 || s[l] !== c[u]) {
+								var d = "\n" + s[l].replace(" at new ", " at ");
+								return e.displayName && d.includes("<anonymous>") && (d = d.replace("<anonymous>", e.displayName)), typeof e == "function" && q.set(e, d), d;
+							}
+						while (l >= 1 && u >= 0);
+						break;
+					}
+				}
+			} finally {
+				K = !1, U.current = a, ee(), Error.prepareStackTrace = i;
+			}
+			var f = e ? e.displayName || e.name : "", p = f ? G(f) : "";
+			return typeof e == "function" && q.set(e, p), p;
+		}
+		function ne(e, t, n) {
+			return te(e, !1);
+		}
+		function re(e) {
+			var t = e.prototype;
+			return !!(t && t.isReactComponent);
+		}
+		function J(e, t, n) {
+			if (e == null) return "";
+			if (typeof e == "function") return te(e, re(e));
+			if (typeof e == "string") return G(e);
+			switch (e) {
+				case u: return G("Suspense");
+				case d: return G("SuspenseList");
+			}
+			if (typeof e == "object") switch (e.$$typeof) {
+				case l: return ne(e.render);
+				case f: return J(e.type, t, n);
+				case p:
+					var r = e, i = r._payload, a = r._init;
+					try {
+						return J(a(i), t, n);
+					} catch {}
+			}
+			return "";
+		}
+		var Y = Object.prototype.hasOwnProperty, ie = {}, ae = v.ReactDebugCurrentFrame;
+		function X(e) {
+			if (e) {
+				var t = e._owner, n = J(e.type, e._source, t ? t.type : null);
+				ae.setExtraStackFrame(n);
+			} else ae.setExtraStackFrame(null);
+		}
+		function oe(e, t, n, r, i) {
+			var a = Function.call.bind(Y);
+			for (var o in e) if (a(e, o)) {
+				var s = void 0;
+				try {
+					if (typeof e[o] != "function") {
+						var c = Error((r || "React class") + ": " + n + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+						throw c.name = "Invariant Violation", c;
+					}
+					s = e[o](t, o, r, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+				} catch (e) {
+					s = e;
+				}
+				s && !(s instanceof Error) && (X(i), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", r || "React class", n, o, typeof s), X(null)), s instanceof Error && !(s.message in ie) && (ie[s.message] = !0, X(i), y("Failed %s type: %s", n, s.message), X(null));
+			}
+		}
+		var se = Array.isArray;
+		function Z(e) {
+			return se(e);
+		}
+		function ce(e) {
+			return typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+		}
+		function le(e) {
+			try {
+				return ue(e), !1;
+			} catch {
+				return !0;
+			}
+		}
+		function ue(e) {
+			return "" + e;
+		}
+		function de(e) {
+			if (le(e)) return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ce(e)), ue(e);
+		}
+		var Q = v.ReactCurrentOwner, fe = {
+			key: !0,
+			ref: !0,
+			__self: !0,
+			__source: !0
+		}, pe, me, he = {};
+		function ge(e) {
+			if (Y.call(e, "ref")) {
+				var t = Object.getOwnPropertyDescriptor(e, "ref").get;
+				if (t && t.isReactWarning) return !1;
+			}
+			return e.ref !== void 0;
+		}
+		function _e(e) {
+			if (Y.call(e, "key")) {
+				var t = Object.getOwnPropertyDescriptor(e, "key").get;
+				if (t && t.isReactWarning) return !1;
+			}
+			return e.key !== void 0;
+		}
+		function ve(e, t) {
+			if (typeof e.ref == "string" && Q.current && t && Q.current.stateNode !== t) {
+				var n = A(Q.current.type);
+				he[n] || (y("Component \"%s\" contains the string ref \"%s\". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref", A(Q.current.type), e.ref), he[n] = !0);
+			}
+		}
+		function ye(e, t) {
+			var n = function() {
+				pe || (pe = !0, y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
+			};
+			n.isReactWarning = !0, Object.defineProperty(e, "key", {
+				get: n,
+				configurable: !0
+			});
+		}
+		function be(e, t) {
+			var n = function() {
+				me || (me = !0, y("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
+			};
+			n.isReactWarning = !0, Object.defineProperty(e, "ref", {
+				get: n,
+				configurable: !0
+			});
+		}
+		var xe = function(e, t, r, i, a, o, s) {
+			var c = {
+				$$typeof: n,
+				type: e,
+				key: t,
+				ref: r,
+				props: s,
+				_owner: o
+			};
+			return c._store = {}, Object.defineProperty(c._store, "validated", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: !1
+			}), Object.defineProperty(c, "_self", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !1,
+				value: i
+			}), Object.defineProperty(c, "_source", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !1,
+				value: a
+			}), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
+		};
+		function Se(e, t, n, r, i) {
+			var a, o = {}, s = null, c = null;
+			for (a in n !== void 0 && (de(n), s = "" + n), _e(t) && (de(t.key), s = "" + t.key), ge(t) && (c = t.ref, ve(t, i)), t) Y.call(t, a) && !fe.hasOwnProperty(a) && (o[a] = t[a]);
+			if (e && e.defaultProps) {
+				var l = e.defaultProps;
+				for (a in l) o[a] === void 0 && (o[a] = l[a]);
+			}
+			if (s || c) {
+				var u = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+				s && ye(o, u), c && be(o, u);
+			}
+			return xe(e, s, c, i, r, Q.current, o);
+		}
+		var Ce = v.ReactCurrentOwner, we = v.ReactDebugCurrentFrame;
+		function $(e) {
+			if (e) {
+				var t = e._owner, n = J(e.type, e._source, t ? t.type : null);
+				we.setExtraStackFrame(n);
+			} else we.setExtraStackFrame(null);
+		}
+		var Te = !1;
+		function Ee(e) {
+			return typeof e == "object" && !!e && e.$$typeof === n;
+		}
+		function De() {
+			if (Ce.current) {
+				var e = A(Ce.current.type);
+				if (e) return "\n\nCheck the render method of `" + e + "`.";
+			}
+			return "";
+		}
+		function Oe(e) {
+			if (e !== void 0) {
+				var t = e.fileName.replace(/^.*[\\\/]/, ""), n = e.lineNumber;
+				return "\n\nCheck your code at " + t + ":" + n + ".";
+			}
+			return "";
+		}
+		var ke = {};
+		function Ae(e) {
+			var t = De();
+			if (!t) {
+				var n = typeof e == "string" ? e : e.displayName || e.name;
+				n && (t = "\n\nCheck the top-level render call using <" + n + ">.");
+			}
+			return t;
+		}
+		function je(e, t) {
+			if (!(!e._store || e._store.validated || e.key != null)) {
+				e._store.validated = !0;
+				var n = Ae(t);
+				if (!ke[n]) {
+					ke[n] = !0;
+					var r = "";
+					e && e._owner && e._owner !== Ce.current && (r = " It was passed a child from " + A(e._owner.type) + "."), $(e), y("Each child in a list should have a unique \"key\" prop.%s%s See https://reactjs.org/link/warning-keys for more information.", n, r), $(null);
+				}
+			}
+		}
+		function Me(e, t) {
+			if (typeof e == "object") {
+				if (Z(e)) for (var n = 0; n < e.length; n++) {
+					var r = e[n];
+					Ee(r) && je(r, t);
+				}
+				else if (Ee(e)) e._store && (e._store.validated = !0);
+				else if (e) {
+					var i = _(e);
+					if (typeof i == "function" && i !== e.entries) for (var a = i.call(e), o; !(o = a.next()).done;) Ee(o.value) && je(o.value, t);
+				}
+			}
+		}
+		function Ne(e) {
+			var t = e.type;
+			if (!(t == null || typeof t == "string")) {
+				var n;
+				if (typeof t == "function") n = t.propTypes;
+				else if (typeof t == "object" && (t.$$typeof === l || t.$$typeof === f)) n = t.propTypes;
+				else return;
+				if (n) {
+					var r = A(t);
+					oe(n, e.props, "prop", r, e);
+				} else t.PropTypes !== void 0 && !Te && (Te = !0, y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", A(t) || "Unknown"));
+				typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+			}
+		}
+		function Pe(e) {
+			for (var t = Object.keys(e.props), n = 0; n < t.length; n++) {
+				var r = t[n];
+				if (r !== "children" && r !== "key") {
+					$(e), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", r), $(null);
+					break;
+				}
+			}
+			e.ref !== null && ($(e), y("Invalid attribute `ref` supplied to `React.Fragment`."), $(null));
+		}
+		var Fe = {};
+		function Ie(e, t, r, a, o, s) {
+			var c = D(e);
+			if (!c) {
+				var l = "";
+				(e === void 0 || typeof e == "object" && e && Object.keys(e).length === 0) && (l += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+				var u = Oe(o);
+				u ? l += u : l += De();
+				var d;
+				e === null ? d = "null" : Z(e) ? d = "array" : e !== void 0 && e.$$typeof === n ? (d = "<" + (A(e.type) || "Unknown") + " />", l = " Did you accidentally export a JSX literal instead of a component?") : d = typeof e, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", d, l);
+			}
+			var f = Se(e, t, r, o, s);
+			if (f == null) return f;
+			if (c) {
+				var p = t.children;
+				if (p !== void 0) if (a) if (Z(p)) {
+					for (var m = 0; m < p.length; m++) Me(p[m], e);
+					Object.freeze && Object.freeze(p);
+				} else y("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+				else Me(p, e);
+			}
+			if (Y.call(t, "key")) {
+				var h = A(e), g = Object.keys(t).filter(function(e) {
+					return e !== "key";
+				}), _ = g.length > 0 ? "{key: someKey, " + g.join(": ..., ") + ": ...}" : "{key: someKey}";
+				Fe[h + _] || (y("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", _, h, g.length > 0 ? "{" + g.join(": ..., ") + ": ...}" : "{}", h), Fe[h + _] = !0);
+			}
+			return e === i ? Pe(f) : Ne(f), f;
+		}
+		function Le(e, t, n) {
+			return Ie(e, t, n, !0);
+		}
+		function Re(e, t, n) {
+			return Ie(e, t, n, !1);
+		}
+		var ze = Re, Be = Le;
+		e.Fragment = i, e.jsx = ze, e.jsxs = Be;
+	})();
+})), z = (/* @__PURE__ */ N(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = L() : t.exports = R();
+})))();
+function B(e) {
+	let { style: t, className: n, mapConfig: r, sceneConfig: i, onLoaded: a, onClick: o, onMouseMove: s, onZoomChange: c, children: l } = e, u = `l7-mapkit-gaode-${O().replace(/:/g, "")}`, d = A(null), f = A(null), p = A(!1), [m, h] = j(void 0);
+	return D(() => {
+		if (!d.current || p.current) return;
+		p.current = !0;
+		let e = null;
+		try {
+			e = new y({
+				id: d.current,
+				...i,
+				map: new S({
+					style: "light",
+					...r
+				})
+			}), f.current = e, e.on("loaded", () => {
+				h(e), a?.(e);
+			});
+		} catch (e) {
+			console.error("Failed to initialize GaodeMap scene:", e), p.current = !1;
+		}
+		return () => {
+			p.current = !1, f.current && (f.current.destroy(), f.current = null, h(void 0));
+		};
+	}, []), D(() => {
+		m && r?.style && m.setMapStyle(r.style);
+	}, [m, r?.style]), D(() => {
+		!m || r?.zoom === void 0 || m.setZoom(r.zoom);
+	}, [m, r?.zoom]), D(() => {
+		!m || !r?.center || m.setCenter(r.center);
+	}, [m, JSON.stringify(r?.center)]), D(() => {
+		!m || r?.pitch === void 0 || m.setPitch(r.pitch);
+	}, [m, r?.pitch]), D(() => {
+		!m || r?.rotation === void 0 || m.setRotation(r.rotation);
+	}, [m, r?.rotation]), D(() => {
+		if (!(!m || !o)) return m.on("click", o), () => m.off("click", o);
+	}, [m, o]), D(() => {
+		if (!(!m || !s)) return m.on("mousemove", s), () => m.off("mousemove", s);
+	}, [m, s]), D(() => {
+		if (!(!m || !c)) return m.on("zoomchange", c), () => m.off("zoomchange", c);
+	}, [m, c]), /* @__PURE__ */ (0, z.jsx)(F.Provider, {
+		value: m,
+		children: /* @__PURE__ */ (0, z.jsx)("div", {
+			id: u,
+			ref: d,
+			className: n,
+			style: {
+				width: "100%",
+				height: "400px",
+				...t
+			},
+			children: m && l
+		})
+	});
+}
+//#endregion
+//#region src/component/MapScene/MapScene.tsx
+function V(e) {
+	let { style: t, className: n, mapConfig: r, sceneConfig: i, onLoaded: a, onClick: o, onMouseMove: s, onZoomChange: c, children: l } = e, u = `l7-mapkit-map-${O().replace(/:/g, "")}`, d = A(null), f = A(null), [p, m] = j(void 0), h = A(!1);
+	return D(() => {
+		if (!d.current || h.current) return;
+		h.current = !0;
+		let e = new y({
+			id: d.current,
+			...i,
+			map: new C({ ...r })
+		});
+		return f.current = e, e.on("loaded", () => {
+			m(e), a?.(e);
+		}), () => {
+			e.destroy(), f.current = null, h.current = !1, m(void 0);
+		};
+	}, []), D(() => {
+		p && r?.style && p.setMapStyle(r.style);
+	}, [p, r?.style]), D(() => {
+		!p || r?.zoom === void 0 || p.setZoom(r.zoom);
+	}, [p, r?.zoom]), D(() => {
+		!p || !r?.center || p.setCenter(r.center);
+	}, [p, JSON.stringify(r?.center)]), D(() => {
+		!p || r?.pitch === void 0 || p.setPitch(r.pitch);
+	}, [p, r?.pitch]), D(() => {
+		!p || r?.rotation === void 0 || p.setRotation(r.rotation);
+	}, [p, r?.rotation]), D(() => {
+		if (!(!p || !o)) return p.on("click", o), () => p.off("click", o);
+	}, [p, o]), D(() => {
+		if (!(!p || !s)) return p.on("mousemove", s), () => p.off("mousemove", s);
+	}, [p, s]), D(() => {
+		if (!(!p || !c)) return p.on("zoomchange", c), () => p.off("zoomchange", c);
+	}, [p, c]), /* @__PURE__ */ (0, z.jsx)(F.Provider, {
+		value: p,
+		children: /* @__PURE__ */ (0, z.jsx)("div", {
+			id: u,
+			ref: d,
+			className: n,
+			style: {
+				width: "100%",
+				height: "400px",
+				...t
+			},
+			children: p && l
+		})
+	});
+}
+//#endregion
+//#region src/component/LayerContext.tsx
+var H = T(void 0);
+function ee() {
+	let e = E(H);
+	if (!e) throw Error("useLayer must be used within a Layer component (PointLayer, LineLayer, etc.)");
+	return e;
+}
+//#endregion
+//#region src/component/LayerAttribute/BaseLayer.tsx
+var U = {
+	PolygonLayer: h,
+	LineLayer: c,
+	PointLayer: m,
+	HeatmapLayer: a,
+	RasterLayer: _,
+	ImageLayer: o,
+	CityBuildingLayer: e
+};
+function W(e) {
+	let { layerType: t, name: n, visible: r, zIndex: i, minZoom: a, maxZoom: o, blend: s, autoFit: c, source: l, sourceConfig: u, color: d, colorField: f, colorValues: p, size: m, sizeField: g, sizeValues: _, shape: v, shapeField: y, shapeValues: b, style: x, filterField: S, filterValues: C, animate: w, active: T, select: E, onLoaded: O, onClick: k, onDblClick: A, onMouseEnter: M, onMouseLeave: N, onMouseMove: P, onUnClick: F, onContextMenu: L, children: R } = e, B = I(), [V] = j(() => {
+		let e = U[t] || h, l = {};
+		return n !== void 0 && (l.name = n), r !== void 0 && (l.visible = r), i !== void 0 && (l.zIndex = i), a !== void 0 && (l.minZoom = a), o !== void 0 && (l.maxZoom = o), s !== void 0 && (l.blend = s), c !== void 0 && (l.autoFit = c), new e(l);
+	});
+	return D(() => (B.addLayer(V), () => {
+		B.removeLayer(V);
+	}), []), D(() => {
+		l !== void 0 && V.source(l, u);
+	}, [l, u]), D(() => {
+		if (!O) return;
+		let e = () => O(V, B);
+		return V.on("inited", e), () => V.off("inited", e);
+	}, [O]), D(() => {
+		V.inited && (f && p !== void 0 ? V.color(f, p) : f ? V.color(f) : d !== void 0 && V.color(d));
+	}, [
+		d,
+		f,
+		p
+	]), D(() => {
+		V.inited && (g && _ !== void 0 ? V.size(g, _) : g ? V.size(g) : m !== void 0 && V.size(m));
+	}, [
+		m,
+		g,
+		_
+	]), D(() => {
+		V.inited && (y && b !== void 0 ? V.shape(y, b) : y ? V.shape(y) : v !== void 0 && V.shape(v));
+	}, [
+		v,
+		y,
+		b
+	]), D(() => {
+		!V.inited || !x || V.style(x);
+	}, [x]), D(() => {
+		!V.inited || !S || C === void 0 || V.filter(S, C);
+	}, [S, C]), D(() => {
+		!V.inited || !w || V.animate(w);
+	}, [w]), D(() => {
+		!V.inited || T === void 0 || V.active(T);
+	}, [T]), D(() => {
+		!V.inited || E === void 0 || V.select(E);
+	}, [E]), D(() => {
+		if (k) return V.on("click", k), () => V.off("click", k);
+	}, [k]), D(() => {
+		if (A) return V.on("dblclick", A), () => V.off("dblclick", A);
+	}, [A]), D(() => {
+		if (M) return V.on("mouseenter", M), () => V.off("mouseenter", M);
+	}, [M]), D(() => {
+		if (N) return V.on("mouseleave", N), () => V.off("mouseleave", N);
+	}, [N]), D(() => {
+		if (P) return V.on("mousemove", P), () => V.off("mousemove", P);
+	}, [P]), D(() => {
+		if (F) return V.on("unclick", F), () => V.off("unclick", F);
+	}, [F]), D(() => {
+		if (L) return V.on("contextmenu", L), () => V.off("contextmenu", L);
+	}, [L]), D(() => {
+		V.inited && (r === !1 ? V.hide() : V.show());
+	}, [r]), D(() => {
+		!V.inited || i === void 0 || V.setIndex(i);
+	}, [i]), /* @__PURE__ */ (0, z.jsx)(H.Provider, {
+		value: V,
+		children: R
+	});
+}
+//#endregion
+//#region src/component/Layer.ts
+var G = w.memo(function(e) {
+	return w.createElement(W, {
+		...e,
+		layerType: "PointLayer"
+	});
+}), K = w.memo(function(e) {
+	return w.createElement(W, {
+		...e,
+		layerType: "LineLayer"
+	});
+}), q = w.memo(function(e) {
+	return w.createElement(W, {
+		...e,
+		layerType: "PolygonLayer"
+	});
+}), te = w.memo(function(e) {
+	return w.createElement(W, {
+		...e,
+		layerType: "HeatmapLayer"
+	});
+}), ne = w.memo(function(e) {
+	return w.createElement(W, {
+		...e,
+		layerType: "RasterLayer"
+	});
+}), re = w.memo(function(e) {
+	return w.createElement(W, {
+		...e,
+		layerType: "ImageLayer"
+	});
+}), J = {
+	zoom: x,
+	scale: v,
+	logo: l,
+	layerSwitch: s,
+	mouseLocation: p,
+	mapTheme: u,
+	geoLocate: i,
+	exportImage: n,
+	fullscreen: r,
+	swipe: b
+}, Y = w.memo(function(e) {
+	let { type: t, position: n, ...r } = e, i = I(), a = A(null), o = A(!1);
+	return D(() => {
+		if (o.current) return;
+		o.current = !0;
+		let e = J[t];
+		if (!e) {
+			console.warn(`[l7-mapkit] Unknown control type: "${t}"`), o.current = !1;
+			return;
+		}
+		let s = new e({
+			position: n,
+			...r
+		});
+		return a.current = s, i.addControl(s), () => {
+			i.removeControl(s), a.current = null, o.current = !1;
+		};
+	}, [t]), D(() => {
+		a.current && n && a.current.setPosition(n);
+	}, [n]), null;
+});
+//#endregion
+//#region src/component/CustomControl.tsx
+function ie(e) {
+	let { position: n = "topright", className: r, style: i, children: a } = e, o = I(), [s] = j(() => document.createElement("div")), [, c] = j(0), l = A(!1), u = A(null);
+	return D(() => {
+		if (l.current) return;
+		l.current = !0;
+		let e = new t({ position: n });
+		return e.onAdd = () => (r && (s.className = r), i && Object.assign(s.style, i), s), e.onRemove = () => {}, u.current = e, o.addControl(e), c((e) => e + 1), () => {
+			o.removeControl(e), u.current = null, l.current = !1;
+		};
+	}, []), D(() => {
+		r && (s.className = r);
+	}, [r]), M(a, s);
+}
+//#endregion
+//#region src/component/Control/ZoomControl.tsx
+var ae = ({ position: e = "topleft", zoomInText: t = "+", zoomOutText: n = "-", zoomInTitle: r = "放大", zoomOutTitle: i = "缩小", showZoom: a = !0, className: o = "", style: s, onAdd: c, onRemove: l, onShow: u, onHide: d }) => {
+	let f = E(F), [p, m] = j(null), h = k(() => ({
+		position: e,
+		zoomInTitle: r,
+		zoomOutTitle: i,
+		showZoom: a
+	}), [
+		e,
+		r,
+		i,
+		a
+	]);
+	return D(() => {
+		if (!f) return;
+		let e = new x(h);
+		return m(e), f.addControl(e), c?.(), u?.(), () => {
+			f.removeControl(e), m(null), l?.();
+		};
+	}, []), D(() => {
+		p && p.setOptions(h);
+	}, [p, h]), D(() => {
+		if (!p) return;
+		let e = () => u?.(), t = () => d?.();
+		return p.on("show", e), p.on("hide", t), () => {
+			p.off("show", e), p.off("hide", t);
+		};
+	}, [
+		p,
+		u,
+		d
+	]), null;
+}, X = ({ position: e = "bottomleft", className: t = "", style: n, lockWidth: r = !1, maxWidth: i = 100, metric: a = !0, imperial: o = !1, updateWhenIdle: s = !1, onAdd: c, onRemove: l, onShow: u, onHide: d }) => {
+	let f = E(F), [p, m] = j(null), h = k(() => ({
+		position: e,
+		lockWidth: r,
+		maxWidth: i,
+		metric: a,
+		imperial: o,
+		updateWhenIdle: s
+	}), [
+		e,
+		r,
+		i,
+		a,
+		o,
+		s
+	]);
+	return D(() => {
+		if (!f) return;
+		let e = new v(h);
+		return m(e), f.addControl(e), c?.(), u?.(), () => {
+			f.removeControl(e), m(null), l?.();
+		};
+	}, []), D(() => {
+		p && p.setOptions(h);
+	}, [p, h]), D(() => {
+		if (!p) return;
+		let e = () => u?.(), t = () => d?.();
+		return p.on("show", e), p.on("hide", t), () => {
+			p.off("show", e), p.off("hide", t);
+		};
+	}, [
+		p,
+		u,
+		d
+	]), null;
+}, oe = ({ position: e = "topright", btnText: t = "全屏", title: n = "全屏查看", vertical: i = !1, exitBtnText: a = "退出全屏", exitTitle: o = "退出全屏", className: s = "", style: c, onAdd: l, onRemove: u, onShow: d, onHide: f, onFullscreenChange: p }) => {
+	let m = E(F), [h, g] = j(null), _ = k(() => ({
+		position: e,
+		btnText: t,
+		title: n,
+		vertical: i,
+		exitBtnText: a,
+		exitTitle: o
+	}), [
+		e,
+		t,
+		n,
+		i,
+		a,
+		o
+	]);
+	return D(() => {
+		if (!m) return;
+		let e = new r(_);
+		return g(e), m.addControl(e), l?.(), d?.(), () => {
+			m.removeControl(e), g(null), u?.();
+		};
+	}, []), D(() => {
+		h && h.setOptions(_);
+	}, [h, _]), D(() => {
+		if (!h) return;
+		let e = () => d?.(), t = () => f?.(), n = (e) => p?.(e?.target?.isFullscreen);
+		return h.on("show", e), h.on("hide", t), h.on("fullscreenchange", n), () => {
+			h.off("show", e), h.off("hide", t), h.off("fullscreenchange", n);
+		};
+	}, [
+		h,
+		d,
+		f,
+		p
+	]), null;
+}, se = ({ position: e = "topright", btnText: t = "定位", title: n = "定位到当前位置", vertical: r = !1, transform: a, className: o = "", style: s, onAdd: c, onRemove: l, onShow: u, onHide: d }) => {
+	let f = E(F), [p, m] = j(null), h = k(() => ({
+		position: e,
+		btnText: t,
+		title: n,
+		vertical: r,
+		transform: a
+	}), [
+		e,
+		t,
+		n,
+		r,
+		a
+	]);
+	return D(() => {
+		if (!f) return;
+		let e = new i(h);
+		return m(e), f.addControl(e), c?.(), u?.(), () => {
+			f.removeControl(e), m(null), l?.();
+		};
+	}, []), D(() => {
+		p && p.setOptions(h);
+	}, [p, h]), D(() => {
+		if (!p) return;
+		let e = () => u?.(), t = () => d?.();
+		return p.on("show", e), p.on("hide", t), () => {
+			p.off("show", e), p.off("hide", t);
+		};
+	}, [
+		p,
+		u,
+		d
+	]), null;
+}, Z = ({ position: e = "topright", options: t = [], btnText: n = "主题", title: r = "地图主题", vertical: i = !1, popperPlacement: a = "bottom-end", popperTrigger: o = "click", popperClassName: s = "", className: c = "", style: l, onAdd: d, onRemove: f, onShow: p, onHide: m, onPopperShow: h, onPopperHide: g, onSelectChange: _ }) => {
+	let v = E(F), [y, b] = j(null), x = k(() => ({
+		position: e,
+		options: t,
+		btnText: n,
+		title: r,
+		vertical: i,
+		popperPlacement: a,
+		popperTrigger: o,
+		popperClassName: s
+	}), [
+		e,
+		t,
+		n,
+		r,
+		i,
+		a,
+		o,
+		s
+	]);
+	return D(() => {
+		if (!v) return;
+		let e = new u(x);
+		return b(e), v.addControl(e), d?.(), p?.(), () => {
+			v.removeControl(e), b(null), f?.();
+		};
+	}, []), D(() => {
+		y && y.setOptions(x);
+	}, [y, x]), D(() => {
+		if (!y) return;
+		let e = () => p?.(), t = () => m?.(), n = () => h?.(), r = () => g?.(), i = (e) => _?.(e?.target?.value);
+		return y.on("show", e), y.on("hide", t), y.on("popperShow", n), y.on("popperHide", r), y.on("selectChange", i), () => {
+			y.off("show", e), y.off("hide", t), y.off("popperShow", n), y.off("popperHide", r), y.off("selectChange", i);
+		};
+	}, [
+		y,
+		p,
+		m,
+		h,
+		g,
+		_
+	]), null;
+}, ce = ({ position: e = "bottomleft", className: t = "", style: n, transform: r, onAdd: i, onRemove: a, onShow: o, onHide: s, onLocationChange: c }) => {
+	let l = E(F), [u, d] = j(null), f = k(() => ({
+		position: e,
+		transform: r
+	}), [e, r]);
+	return D(() => {
+		if (!l) return;
+		let e = new p(f);
+		return d(e), l.addControl(e), i?.(), o?.(), () => {
+			l.removeControl(e), d(null), a?.();
+		};
+	}, []), D(() => {
+		u && u.setOptions(f);
+	}, [u, f]), D(() => {
+		if (!u) return;
+		let e = () => o?.(), t = () => s?.(), n = (e) => c?.(e?.target?.lnglat);
+		return u.on("show", e), u.on("hide", t), u.on("locationchange", n), () => {
+			u.off("show", e), u.off("hide", t), u.off("locationchange", n);
+		};
+	}, [
+		u,
+		o,
+		s,
+		c
+	]), null;
+}, le = ({ position: e = "topright", imageType: t = "png", btnText: r = "导出", title: i = "导出图片", vertical: a = !1, className: o = "", style: s, onAdd: c, onRemove: l, onShow: u, onHide: d, onExport: f }) => {
+	let p = E(F), [m, h] = j(null), g = k(() => ({
+		position: e,
+		imageType: t,
+		btnText: r,
+		title: i,
+		vertical: a,
+		onExport: f
+	}), [
+		e,
+		t,
+		r,
+		i,
+		a,
+		f
+	]);
+	return D(() => {
+		if (!p) return;
+		let e = new n(g);
+		return h(e), p.addControl(e), c?.(), u?.(), () => {
+			p.removeControl(e), h(null), l?.();
+		};
+	}, []), D(() => {
+		m && m.setOptions(g);
+	}, [m, g]), D(() => {
+		if (!m) return;
+		let e = () => u?.(), t = () => d?.();
+		return m.on("show", e), m.on("hide", t), () => {
+			m.off("show", e), m.off("hide", t);
+		};
+	}, [
+		m,
+		u,
+		d
+	]), null;
+}, ue = (e, t, n) => {
+	let r = [];
+	for (let i = 0; i < n; i++) {
+		let a = i / (n - 1), o = Math.round(parseInt(e.slice(1, 3), 16) * (1 - a) + parseInt(t.slice(1, 3), 16) * a), s = Math.round(parseInt(e.slice(3, 5), 16) * (1 - a) + parseInt(t.slice(3, 5), 16) * a), c = Math.round(parseInt(e.slice(5, 7), 16) * (1 - a) + parseInt(t.slice(5, 7), 16) * a);
+		r.push(`#${o.toString(16).padStart(2, "0")}${s.toString(16).padStart(2, "0")}${c.toString(16).padStart(2, "0")}`);
+	}
+	return r;
+}, de = ({ labels: e, colors: t, geometryType: n = "circle", isStrokeColor: r = !1, className: i = "", style: a }) => {
+	let o = (e) => r ? { border: `2px solid ${e}` } : { backgroundColor: e }, s = Array.isArray(t) ? t : ue(t.startColor, t.endColor, e.length);
+	return /* @__PURE__ */ (0, z.jsx)("div", {
+		className: `l7-mapkit-component l7-mapkit-legend-categories ${i}`,
+		style: a,
+		children: e.map((e, t) => /* @__PURE__ */ (0, z.jsxs)("div", {
+			className: "flex items-center mb-2",
+			children: [/* @__PURE__ */ (0, z.jsx)("div", {
+				className: `w-4 h-4 mr-2 ${n === "circle" ? "rounded-full" : n === "square" ? "rounded-sm" : ""}`,
+				style: o(s[t])
+			}), /* @__PURE__ */ (0, z.jsx)("span", {
+				className: "text-sm",
+				children: e
+			})]
+		}, `${e}__${s[t]}__${t}`))
+	});
+}, Q = ({ labels: e, labelUnit: t, colors: n }) => {
+	let r = `${e[0]}${t}`, i = `${e[e.length - 1]}${t}`;
+	return /* @__PURE__ */ (0, z.jsxs)("div", {
+		className: "l7-mapkit-legend-ramp",
+		children: [/* @__PURE__ */ (0, z.jsx)("div", {
+			className: "h-4 w-full rounded",
+			style: { background: `linear-gradient(to right, ${n.join(", ")})` }
+		}), /* @__PURE__ */ (0, z.jsxs)("div", {
+			className: "flex justify-between mt-1 text-xs",
+			children: [/* @__PURE__ */ (0, z.jsx)("span", { children: r }), /* @__PURE__ */ (0, z.jsx)("span", { children: i })]
+		})]
+	});
+}, fe = ({ labels: e, labelUnit: t, colors: n }) => /* @__PURE__ */ (0, z.jsxs)("div", {
+	className: "l7-mapkit-legend-ramp",
+	children: [/* @__PURE__ */ (0, z.jsx)("div", {
+		className: "flex",
+		children: n.map((n, r) => /* @__PURE__ */ (0, z.jsx)("div", {
+			title: `${e[r]}${t} - ${e[r + 1]}${t}`,
+			className: "h-4 flex-1 first:rounded-l last:rounded-r",
+			style: { backgroundColor: n }
+		}, n))
+	}), /* @__PURE__ */ (0, z.jsx)("div", {
+		className: "flex justify-between mt-1 text-xs",
+		children: e.map((e) => /* @__PURE__ */ (0, z.jsx)("span", { children: `${e}${t}` }, e))
+	})]
+}), pe = ({ labels: e, colors: t, isContinuous: n = !1, labelUnit: r = "", className: i = "", style: a }) => /* @__PURE__ */ (0, z.jsx)("div", {
+	className: `l7-mapkit-component l7-mapkit-legend-ramp ${i}`,
+	style: a,
+	children: n ? /* @__PURE__ */ (0, z.jsx)(Q, {
+		labels: e,
+		labelUnit: r,
+		colors: t
+	}) : /* @__PURE__ */ (0, z.jsx)(fe, {
+		labels: e,
+		labelUnit: r,
+		colors: t
+	})
+}), me = (e, t) => {
+	let n = (t - e) / 4;
+	return [Math.floor(e + n), Math.floor(t - n)];
+}, he = (e, t) => {
+	let n = Number.isFinite(e) ? e : 0, r = Number.isFinite(t) ? t : 0, i = me(n, r);
+	return [
+		{
+			prefix: "MIN:",
+			val: n
+		},
+		i[0],
+		i[1],
+		{
+			prefix: "MAX:",
+			val: r
+		}
+	];
+}, ge = ({ labels: e, fillColor: t = "#f9f9f9", className: n = "", style: r }) => {
+	let [i, a] = e, o = [
+		86,
+		62,
+		38,
+		24
+	], s = he(i, a).reverse();
+	return /* @__PURE__ */ (0, z.jsx)("div", {
+		className: `l7-mapkit-component l7-mapkit-legend-proportion ${n}`,
+		style: r,
+		children: /* @__PURE__ */ (0, z.jsxs)("div", {
+			className: "flex items-end",
+			children: [/* @__PURE__ */ (0, z.jsx)("div", {
+				className: "relative flex justify-end items-end mr-4",
+				style: { width: o[0] },
+				children: o.map((e) => /* @__PURE__ */ (0, z.jsx)("div", {
+					className: "absolute rounded-full border border-gray-300",
+					style: {
+						width: e,
+						height: e,
+						backgroundColor: t
+					}
+				}, e))
+			}), /* @__PURE__ */ (0, z.jsx)("div", {
+				style: { height: o[0] },
+				children: s.map((e, t) => /* @__PURE__ */ (0, z.jsxs)("div", {
+					className: "text-sm mb-1",
+					children: [e?.prefix, typeof e == "number" ? e : e.val]
+				}, t))
+			})]
+		})
+	});
+}, _e = ({ items: e, className: t = "", style: n }) => /* @__PURE__ */ (0, z.jsx)("div", {
+	className: `l7-mapkit-component l7-mapkit-legend-icon ${t}`,
+	style: n,
+	children: e.map((e, t) => /* @__PURE__ */ (0, z.jsxs)("div", {
+		className: "flex items-center mb-2",
+		children: [/* @__PURE__ */ (0, z.jsx)("img", {
+			src: e.icon,
+			alt: e.label,
+			className: "w-6 h-6 mr-2 object-contain"
+		}), /* @__PURE__ */ (0, z.jsx)("span", {
+			className: "text-sm",
+			children: e.label
+		})]
+	}, t))
+});
+//#endregion
+//#region src/component/Marker.tsx
+function ve(e) {
+	let { longitude: t, latitude: n, option: r, onLoaded: i, onClick: a, onMouseEnter: o, onMouseLeave: s, children: c } = e, l = I(), u = A(null), [f] = j(() => document.createElement("div")), p = A(!1);
+	return D(() => {
+		if (p.current) return;
+		p.current = !0;
+		let e = new d(r);
+		return e.setLnglat({
+			lng: t,
+			lat: n
+		}), c && e.setElement(f), u.current = e, l.addMarker(e), i?.(e), () => {
+			e.remove(), u.current = null, p.current = !1;
+		};
+	}, []), D(() => {
+		u.current && u.current.setLnglat({
+			lng: t,
+			lat: n
+		});
+	}, [t, n]), D(() => {
+		if (!u.current || !a) return;
+		let e = u.current;
+		return e.on("click", a), () => {
+			e.off("click", a);
+		};
+	}, [a]), D(() => {
+		if (!u.current || !o) return;
+		let e = u.current;
+		return e.on("mouseenter", o), () => {
+			e.off("mouseenter", o);
+		};
+	}, [o]), D(() => {
+		if (!u.current || !s) return;
+		let e = u.current;
+		return e.on("mouseleave", s), () => {
+			e.off("mouseleave", s);
+		};
+	}, [s]), c ? M(c, f) : null;
+}
+//#endregion
+//#region src/component/MarkerLayer.tsx
+function ye(e) {
+	let { data: t, cluster: n = !1, clusterOption: r, renderMarker: i, onLoaded: a } = e, o = I(), s = A(null), c = A(!1);
+	return D(() => {
+		if (c.current) return;
+		c.current = !0;
+		let e = new f({
+			cluster: n,
+			clusterOption: r
+		});
+		return t.forEach((t) => {
+			let n = new d(i ? { element: i(t) } : void 0);
+			n.setLnglat({
+				lng: t.longitude,
+				lat: t.latitude
+			}), e.addMarker(n);
+		}), s.current = e, o.addMarkerLayer(e), a?.(e), () => {
+			e.destroy(), s.current = null, c.current = !1;
+		};
+	}, []), D(() => {
+		s.current && (s.current.clear(), t.forEach((e) => {
+			let t = new d(i ? { element: i(e) } : void 0);
+			t.setLnglat({
+				lng: e.longitude,
+				lat: e.latitude
+			}), s.current.addMarker(t);
+		}));
+	}, [t]), null;
+}
+//#endregion
+//#region src/component/Popup.tsx
+function be(e) {
+	let { longitude: t, latitude: n, option: r, closeButton: i = !1, onClose: a, children: o } = e, s = I(), c = A(null), l = A(document.createElement("div")), u = A(!1);
+	return D(() => {
+		if (u.current) return;
+		u.current = !0;
+		let e = new g({
+			closeButton: i,
+			...r
+		});
+		return e.setLnglat([t, n]), o && e.setHTML(l.current), a && e.on("close", a), c.current = e, s.addPopup(e), () => {
+			e.remove(), c.current = null, u.current = !1;
+		};
+	}, []), D(() => {
+		c.current && c.current.setLnglat([t, n]);
+	}, [t, n]), o ? M(o, l.current) : null;
+}
+//#endregion
+//#region src/component/LoadImage.tsx
+function xe(e) {
+	let { name: t, url: n } = e, r = I();
+	return D(() => (r.addImage(t, n), () => {
+		r.removeImage(t);
+	}), [t, n]), null;
+}
+function Se(e) {
+	let { images: t } = e;
+	return /* @__PURE__ */ (0, z.jsx)(z.Fragment, { children: t.map((e) => /* @__PURE__ */ (0, z.jsx)(xe, {
+		name: e.name,
+		url: e.url
+	}, e.name)) });
+}
+//#endregion
+export { Y as Control, ie as CustomControl, le as ExportImageControl, oe as FullscreenControl, B as GaodeMapScene, se as GeoLocateControl, te as HeatmapLayer, re as ImageLayer, H as LayerContext, de as LegendCategories, _e as LegendIcon, ge as LegendProportion, pe as LegendRamp, K as LineLayer, xe as LoadImage, Se as LoadImages, V as MapScene, Z as MapThemeControl, ve as Marker, ye as MarkerLayer, ce as MouseLocationControl, G as PointLayer, q as PolygonLayer, be as Popup, ne as RasterLayer, X as ScaleControl, F as SceneContext, ae as ZoomControl, ee as useLayer, I as useScene };