jgis 1.0.0

package/dist/2d/index.mjs

@@ -0,0 +1,591 @@
+var re = Object.defineProperty, ne = Object.defineProperties;
+var oe = Object.getOwnPropertyDescriptors;
+var Z = Object.getOwnPropertySymbols;
+var se = Object.prototype.hasOwnProperty, ae = Object.prototype.propertyIsEnumerable;
+var C = (e, t, r) => t in e ? re(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, A = (e, t) => {
+  for (var r in t || (t = {}))
+    se.call(t, r) && C(e, r, t[r]);
+  if (Z)
+    for (var r of Z(t))
+      ae.call(t, r) && C(e, r, t[r]);
+  return e;
+}, k = (e, t) => ne(e, oe(t));
+var v = (e, t, r) => new Promise((n, o) => {
+  var s = (c) => {
+    try {
+      a(r.next(c));
+    } catch (u) {
+      o(u);
+    }
+  }, i = (c) => {
+    try {
+      a(r.throw(c));
+    } catch (u) {
+      o(u);
+    }
+  }, a = (c) => c.done ? n(c.value) : Promise.resolve(c.value).then(s, i);
+  a((r = r.apply(e, t)).next());
+});
+import { Map as ce, View as ie } from "ol";
+import { Tile as O, Vector as F } from "ol/layer";
+import { Vector as T, TileWMS as j, XYZ as V, ImageWMS as U } from "ol/source";
+import { GeoJSON as p } from "ol/format";
+import le from "ol/Overlay";
+import { Polygon as ue, MultiPolygon as fe, MultiLineString as ye, LineString as ge, Point as me } from "ol/geom";
+import de from "ol/Feature";
+import "ol/extent";
+import { Style as we, Circle as he, Fill as be } from "ol/style";
+import { click as Me } from "ol/events/condition.js";
+import Pe from "ol/interaction/Select";
+var g = 63710088e-1, Ee = {
+  centimeters: g * 100,
+  centimetres: g * 100,
+  degrees: 360 / (2 * Math.PI),
+  feet: g * 3.28084,
+  inches: g * 39.37,
+  kilometers: g / 1e3,
+  kilometres: g / 1e3,
+  meters: g,
+  metres: g,
+  miles: g / 1609.344,
+  millimeters: g * 1e3,
+  millimetres: g * 1e3,
+  nauticalmiles: g / 1852,
+  radians: 1,
+  yards: g * 1.0936
+};
+function W(e, t, r = {}) {
+  const n = { type: "Feature" };
+  return (r.id === 0 || r.id) && (n.id = r.id), r.bbox && (n.bbox = r.bbox), n.properties = t || {}, n.geometry = e, n;
+}
+function $(e, t, r = {}) {
+  if (!e)
+    throw new Error("coordinates is required");
+  if (!Array.isArray(e))
+    throw new Error("coordinates must be an Array");
+  if (e.length < 2)
+    throw new Error("coordinates must be at least 2 numbers long");
+  if (!B(e[0]) || !B(e[1]))
+    throw new Error("coordinates must contain numbers");
+  return W({
+    type: "Point",
+    coordinates: e
+  }, t, r);
+}
+function Le(e, t, r = {}) {
+  for (const o of e) {
+    if (o.length < 4)
+      throw new Error(
+        "Each LinearRing of a Polygon must have 4 or more Positions."
+      );
+    if (o[o.length - 1].length !== o[0].length)
+      throw new Error("First and last Position are not equivalent.");
+    for (let s = 0; s < o[o.length - 1].length; s++)
+      if (o[o.length - 1][s] !== o[0][s])
+        throw new Error("First and last Position are not equivalent.");
+  }
+  return W({
+    type: "Polygon",
+    coordinates: e
+  }, t, r);
+}
+function Se(e, t = "kilometers") {
+  const r = Ee[t];
+  if (!r)
+    throw new Error(t + " units is invalid");
+  return e / r;
+}
+function G(e) {
+  return e % (2 * Math.PI) * 180 / Math.PI;
+}
+function R(e) {
+  return e % 360 * Math.PI / 180;
+}
+function B(e) {
+  return !isNaN(e) && e !== null && !Array.isArray(e);
+}
+function xe(e) {
+  if (!e)
+    throw new Error("coord is required");
+  if (!Array.isArray(e)) {
+    if (e.type === "Feature" && e.geometry !== null && e.geometry.type === "Point")
+      return [...e.geometry.coordinates];
+    if (e.type === "Point")
+      return [...e.coordinates];
+  }
+  if (Array.isArray(e) && e.length >= 2 && !Array.isArray(e[0]) && !Array.isArray(e[1]))
+    return [...e];
+  throw new Error("coord must be GeoJSON Point or an Array of numbers");
+}
+function ve(e, t, r, n = {}) {
+  const o = xe(e), s = R(o[0]), i = R(o[1]), a = R(r), c = Se(t, n.units), u = Math.asin(
+    Math.sin(i) * Math.cos(c) + Math.cos(i) * Math.sin(c) * Math.cos(a)
+  ), m = s + Math.atan2(
+    Math.sin(a) * Math.sin(c) * Math.cos(i),
+    Math.cos(c) - Math.sin(i) * Math.sin(u)
+  ), L = G(m), l = G(u);
+  return o[2] !== void 0 ? $([L, l, o[2]], n.properties) : $([L, l], n.properties);
+}
+function Fe(e, t, r = {}) {
+  const n = r.steps || 64, o = r.properties ? r.properties : !Array.isArray(e) && e.type === "Feature" && e.properties ? e.properties : {}, s = [];
+  for (let i = 0; i < n; i++)
+    s.push(
+      ve(e, t, i * -360 / n, r).geometry.coordinates
+    );
+  return s.push(s[0]), Le([s], o);
+}
+function D(e) {
+  return e.lttd && e.lgtd ? [Number(e.lgtd), Number(e.lttd)] : e.jd && e.wd ? [Number(e.jd), Number(e.wd)] : e.latitude && e.longitude ? [Number(e.longitude), Number(e.latitude)] : e.lon && e.lat ? [Number(e.lon), Number(e.lat)] : [0, 0];
+}
+function q(e, t) {
+  e.getLayers().getArray().forEach((n) => {
+    n.get("name") == t && ("setSource" in n && n.setSource(null), "dispose" in n && n.dispose(), e.removeLayer(n));
+  });
+}
+function Te(e, t, r) {
+  const n = [];
+  let o;
+  const s = r.type || "Point";
+  t.forEach((a) => {
+    switch (s) {
+      case "Point":
+        o = Ie(a);
+        break;
+      case "LineString":
+        o = Ae(a);
+        break;
+      case "MultiLineString":
+        o = ke(a);
+        break;
+      case "MultiPolygon":
+        o = Re(a);
+        break;
+      case "Polygon":
+        o = Oe(a);
+        break;
+    }
+    if (!o) return;
+    const c = new de({
+      geometry: o,
+      data: a
+    });
+    c.set("layerName", e), n.push(c);
+  });
+  const i = new T();
+  return n.length > 0 && i.addFeatures(n), i;
+}
+function pe(e, t) {
+  return t.cqlFilter && (t.cqlFilter ? t.CQL_FILTER += ` and ${t.cqlFilter}` : t.CQL_FILTER = t.cqlFilter), new j({
+    url: t.url,
+    params: {
+      LAYERS: t.layers,
+      CQL_FILTER: t.CQL_FILTER
+    },
+    serverType: "geoserver",
+    crossOrigin: "anonymous"
+  });
+}
+function Ie(e) {
+  const t = D(e);
+  if (t)
+    return new me(t);
+}
+function Ae(e) {
+  return new ge(e.coordinates);
+}
+function ke(e) {
+  return new ye(e.coordinates);
+}
+function Re(e) {
+  return new fe(e.coordinates);
+}
+function Oe(e) {
+  return new ue(e.coordinates);
+}
+function z(e, t) {
+  let r = null;
+  return t.style ? r = t.style : t.getStyle ? r = (n, o) => t.getStyle(e, n, o) : r = je(), r;
+}
+function je() {
+  return (t, r) => new we({
+    image: new he({
+      radius: 5,
+      fill: new be({ color: "red" })
+    })
+  });
+}
+function ze(e, t = {}) {
+  const r = t.token || "dadcbbdb5206b626a29ca739686b3087", n = t.baseType || "img", o = t.noteType || "cia", s = new O({
+    className: "tdt-base-layer",
+    source: new V({
+      url: `http://t0.tianditu.com/DataServer?T=${n}_w&x={x}&y={y}&l={z}&tk=${r}`,
+      maxZoom: t.maxZoom || 18,
+      minZoom: t.minZoom || 2
+    }),
+    zIndex: t.zIndex || 1
+  });
+  s.set("name", "tdt-base-layer");
+  const i = new O({
+    className: "tdt-base-layer",
+    source: new V({
+      url: `http://t0.tianditu.com/DataServer?T=${o}_w&x={x}&y={y}&l={z}&tk=${r}`,
+      maxZoom: t.maxZoom || 18,
+      minZoom: t.minZoom || 2
+    }),
+    zIndex: t.zIndex ? t.zIndex + 1 : 2
+  });
+  return i.set("name", "tdt-baseNote-layer"), e.addLayer(s), e.addLayer(i), s;
+}
+function H(e, t, r, n) {
+  (!n || !n.type) && (n = Object.assign({}, r, n));
+  const o = n.type || "Point";
+  let s;
+  switch (o) {
+    case "GeoJSON":
+      s = Ne(t, r, e, n);
+      break;
+    case "Wms":
+      s = Ze(t, e, n);
+      break;
+    case "Point":
+    case "LineString":
+    case "MultiLineString":
+    case "Polygon":
+    case "MultiPolygon":
+      s = Ce(t, r, e, n);
+      break;
+    case "Circle":
+      s = Ve(t, r, e, n);
+      break;
+    case "Overlay":
+      s = $e(t, r, e, n);
+      break;
+  }
+  return s;
+}
+function _e(e, t) {
+  Array.isArray(t) ? t.forEach((r) => {
+    q(e, r);
+  }) : q(e, t);
+}
+function Ne(e, t, r, n) {
+  console.log(typeof t, t);
+  const o = new p().readFeatures(t, {
+    dataProjection: "EPSG:4326",
+    featureProjection: "EPSG:4326"
+    // 或 'EPSG:3857'，看你的地图
+  }), s = new T();
+  s.addFeatures(o);
+  const i = new F({
+    source: s,
+    style: z(e, n),
+    zIndex: n.zIndex || 10
+  });
+  return i.set("name", e), i.set("type", "webgl"), r.addLayer(i), i;
+}
+function Ze(e, t, r) {
+  const n = new O({
+    opacity: r.opacity || 1,
+    source: pe(e, r),
+    zIndex: r.zIndex || 10
+  });
+  return n.set("name", e), t.addLayer(n), n;
+}
+function Ce(e, t, r, n) {
+  if (!t || t.length === 0) return null;
+  const o = new F({
+    source: Te(e, t, n),
+    style: z(e, n),
+    zIndex: n.zIndex || 10
+  });
+  return o.set("name", e), o.set("type", "webgl"), r.addLayer(o), o;
+}
+function Ve(e, t, r, n) {
+  const o = D(t), s = Fe(o, n.radius, { steps: 300, units: "meters" }), i = new p().readFeature(s, {
+    dataProjection: "EPSG:4326",
+    featureProjection: "EPSG:4490"
+  }), a = new T({ wrapX: !1 });
+  a.addFeature(i);
+  const c = new F({
+    source: a,
+    style: z(e, n),
+    zIndex: n.zIndex ? n.zIndex : 10
+  });
+  return c.set("name", e), c.set("type", "webgl"), r.addLayer(c), c;
+}
+function $e(e, t, r, n) {
+  const o = document.createElement("div"), s = new le({
+    element: o,
+    stopEvent: !1,
+    positioning: n.positioning || "bottom-center"
+  });
+  return s.set("name", e), s.set("type", "webgl"), r.addOverlay(s), { overlayer: s, content: o };
+}
+const x = /* @__PURE__ */ new Map(), E = {}, S = {}, Ge = (e, t) => {
+  x.has(e) && console.warn(`Map with target '${e}' already exists. Overwriting...`), x.set(e, t), E[e] && (E[e].forEach((r) => r(t)), delete E[e]), S[e] && (S[e].forEach((r) => r(t)), delete S[e]);
+};
+function J(e) {
+  const t = x.get(e);
+  return t ? Promise.resolve(t) : (console.warn(`Map '${e}' not found. Make sure useMap() is called first.`), new Promise((r) => {
+    S[e] = S[e] || [], S[e].push(r);
+  }));
+}
+const Be = (e) => {
+  x.has(e) && (x.delete(e), delete E[e]);
+}, Q = (e, t) => {
+  const r = x.get(e);
+  if (r) {
+    t(r);
+    return;
+  }
+  E[e] || (E[e] = []), E[e].push(t);
+};
+function qe(e, t = {}) {
+  if (!e && !e.target)
+    throw new Error("请传入地图容器");
+  arguments.length === 1 && typeof e == "object" && (t = e, e = t.target);
+  const n = Object.assign({
+    zoom: 10,
+    center: [104.064839, 30.548857],
+    minZoom: 2,
+    maxZoom: 19,
+    projection: "EPSG:4326"
+  }, t), o = new ce({
+    //地图容器div的ID
+    target: e,
+    //地图容器中加载的图层
+    layers: [],
+    //地图视图设置
+    view: new ie({
+      projection: n.projection,
+      // 坐标系，有EPSG:4326和EPSG:3857
+      //地图初始中心点
+      center: n.center,
+      // 坐标
+      //地图初始显示级别
+      zoom: n.zoom,
+      minZoom: n.minZoom,
+      maxZoom: n.maxZoom
+    })
+  });
+  return o.targetId = e, o;
+}
+function Ue(e, t, r, n) {
+  H(e, t, r, k(A({}, n), { type: "Point" }));
+}
+function Y(e, t, r) {
+  return new Promise((n, o) => {
+    e.getView().animate(
+      {
+        center: t,
+        duration: r.duration || 1e3,
+        zoom: r.zoom || K(e),
+        rotation: r.rotation || 0,
+        easing: r.easing
+      },
+      n
+    );
+  });
+}
+function X(e, t) {
+  const r = (t.extend[0] + t.extend[2]) / 2, n = (t.extend[1] + t.extend[3]) / 2;
+  return Y(e, [r, n], t);
+}
+function We(e, t, r) {
+  const n = t.getGeometry().getExtent();
+  return X(e, k(A({}, r), { extend: n }));
+}
+function De(e) {
+  return e.getView().getProjection();
+}
+function K(e) {
+  return e.getView().getZoom();
+}
+function He(e, t) {
+  e.getView().setZoom(t);
+}
+function Je(e, t) {
+  e.un("click", () => {
+  }), e.un("pointermove", () => {
+  }), Be(t);
+}
+let P = null;
+function Qe(e, t = {}) {
+  const r = new p();
+  P = new Pe({
+    condition: Me,
+    multi: t.multi || !1,
+    style: (a) => {
+      if (typeof t.getStyle == "function") {
+        const c = a.get("layerName");
+        return t.getStyle(c, a);
+      } else
+        return t.style;
+    },
+    // 高亮选中样式
+    // 过滤：只允许配置中的图层被选中 (仅对 Vector 有效)
+    layers: t.layers ? (a) => t.layers.includes(a) : void 0
+  }), e.addInteraction(P);
+  const n = P.getFeatures(), o = (a) => v(null, null, function* () {
+    const c = (t.layers || e.getLayers().getArray()).filter((w) => {
+      const h = w.getSource();
+      return w.getVisible() && (h instanceof j || h instanceof U);
+    });
+    if (c.length === 0) return;
+    const u = e.getView(), m = c.map((w) => v(null, null, function* () {
+      const f = w.getSource().getFeatureInfoUrl(a.coordinate, u.getResolution(), u.getProjection(), {
+        INFO_FORMAT: "application/json",
+        // 必须是 JSON 才能转 Feature
+        FEATURE_COUNT: 1
+      });
+      if (f)
+        try {
+          const b = yield (yield fetch(f)).json();
+          if (b.features && b.features.length > 0) {
+            const d = r.readFeatures(b);
+            return d.forEach((y) => {
+              y.set("wms_layer_source", w), y.set("wms_event_source", a), y.set("layerName", w.get("name"));
+            }), d;
+          }
+        } catch (M) {
+          console.warn(M);
+        }
+      return [];
+    })), l = (yield Promise.all(m)).flat();
+    l.length > 0 && (t.multi, n.extend(l), P.dispatchEvent({
+      type: "select",
+      selected: l,
+      deselected: [],
+      mapBrowserEvent: a
+    }));
+  });
+  e.on("singleclick", o);
+  const s = /* @__PURE__ */ new Set();
+  P.on("select", (a) => {
+    const c = n.getArray();
+    if (c.length > 0) {
+      const u = c.map((m) => ({
+        feature: m,
+        properties: m.getProperties(),
+        // 如果是 WMS 注入的，我们在上面 set 过了；如果是 Vector，用 native 方法获取
+        layer: m.get("wms_layer_source") || P.getLayer(m),
+        event: m.get("wms_event_source") || a
+      }));
+      i(u);
+    } else
+      i(null);
+  });
+  const i = (a) => s.forEach((c) => c(a));
+  return {
+    onSelect: (a) => (s.add(a), () => s.delete(a)),
+    clear: () => {
+      s.clear(), n.clear();
+    },
+    destroy: () => {
+      e.removeInteraction(P), e.un("singleclick", o), s.clear();
+    }
+  };
+}
+function Ye(e, t = {}) {
+  var L;
+  const r = new p(), n = (L = t.debounceTime) != null ? L : 200, o = new T(), s = new F({
+    source: o,
+    map: e,
+    style: t.style,
+    // 直接透传用户的样式配置
+    zIndex: 1e4,
+    // 保证在最上层
+    properties: { title: "JG_HOVER_LAYER" }
+    // 标记一下，防止自己拾取自己
+  });
+  let i = null, a = null;
+  const c = /* @__PURE__ */ new Set(), u = (l, w, h) => {
+    const f = l[0];
+    if (i !== f)
+      if (i = f, o.clear(), f ? (o.addFeature(f), t.cursor !== !1 && (e.getTargetElement().style.cursor = "pointer")) : t.cursor !== !1 && (e.getTargetElement().style.cursor = ""), f) {
+        const M = {
+          feature: f,
+          layer: w,
+          properties: f.getProperties(),
+          coordinate: h
+        };
+        c.forEach((b) => b([M]));
+      } else
+        c.forEach((M) => M(null));
+  }, m = (l) => {
+    if (l.dragging) return;
+    const w = l.pixel, h = l.coordinate;
+    let f = !1;
+    if (e.forEachFeatureAtPixel(w, (d, y) => {
+      f || y !== s && (t.layers && !t.layers.includes(y) || (f = !0, a && clearTimeout(a), u([d], y, h)));
+    }), f) return;
+    i && (i = null, o.clear(), e.getTargetElement().style.cursor = "", c.forEach((d) => d(null))), a && clearTimeout(a);
+    const b = (t.layers || e.getLayers().getArray()).filter((d) => {
+      const y = d.getSource();
+      return d.getVisible() && (y instanceof j || y instanceof U);
+    });
+    b.length !== 0 && (a = setTimeout(() => v(null, null, function* () {
+      const d = e.getView();
+      for (const y of b) {
+        const _ = y.getSource().getFeatureInfoUrl(h, d.getResolution(), d.getProjection(), {
+          INFO_FORMAT: "application/json",
+          FEATURE_COUNT: 1
+        });
+        if (_)
+          try {
+            const I = yield (yield fetch(_)).json();
+            if (I.features && I.features.length > 0) {
+              const N = r.readFeatures(I);
+              N.forEach((te) => te.set("wms_layer_source", y)), u(N, y, h);
+              return;
+            }
+          } catch (ee) {
+          }
+      }
+    }), n));
+  };
+  return e.on("pointermove", m), {
+    onHover: (l) => (c.add(l), () => c.delete(l)),
+    clear: () => {
+      o.clear(), i = null;
+    },
+    destroy: () => {
+      e.un("pointermove", m), e.removeLayer(s), c.clear(), a && clearTimeout(a);
+    }
+  };
+}
+const ft = (e, t) => {
+  const r = qe(e, t);
+  ze(r, t.baseLayers);
+  const n = {
+    targetId: e,
+    instance: r,
+    // 暴露原始实例以备不时之需
+    addMarker: (o, s, i) => Ue(r, o, s, i),
+    createLayer: (o, s, i) => H(r, o, s, i),
+    removeLayer: (o) => _e(r, o),
+    useSelect: (o) => Qe(r, o),
+    useHover: (o) => Ye(r, o),
+    flyTo: (o, s) => Y(r, o, s),
+    flyToByExtent: (o) => X(r, o),
+    flyToByFeature: (o, s) => We(r, o, s),
+    getProjection: () => De(r),
+    getZoom: () => K(r),
+    setZoom: (o) => He(r, o),
+    getMapContext: (o) => J(o),
+    onMapReady: (o, s) => Q(o, s),
+    destroyMap: () => Je(r, e)
+  };
+  return Ge(e, n), n;
+};
+function yt(e, t) {
+  Q(e, t);
+}
+function gt(e) {
+  return J(e);
+}
+export {
+  gt as getMapContext,
+  yt as onMapReady,
+  ft as useMap
+};

package/dist/2d/index2.d.ts

@@ -0,0 +1,23 @@
+import { Map } from 'ol';
+import { JGisInstance, JGisConfig, JGisInitOptions } from './types';
+export default class JGis implements JGisInstance {
+    protected Map: Map;
+    protected config: JGisConfig;
+    constructor(map: Map, options: JGisConfig);
+    init(options: JGisInitOptions): void;
+    /**
+     * 移动事件
+     * @param options
+     */
+    private moveEvent;
+    /**
+     * 点击事件
+     * @param options
+     */
+    private clickEvent;
+    private handleClick;
+    /**
+     * 清除选中要素
+     */
+    clearSelectFeature(): void;
+}

package/dist/2d/interaction.d.ts

@@ -0,0 +1,55 @@
+import { Map } from 'ol';
+import { default as Feature } from 'ol/Feature';
+import { Layer } from 'ol/layer';
+import { StyleLike } from 'ol/style/Style';
+export interface SelectOptions {
+    /** 参与交互的图层 (包含 Vector 和 WMS) */
+    layers?: Layer<any, any>[];
+    /** 高亮样式 */
+    getStyle?: Function;
+    style?: StyleLike;
+    /** 是否支持多选 */
+    multi?: boolean;
+}
+export interface SelectResult {
+    feature: any;
+    properties: any;
+    layer: Layer<any, any> | null;
+    event: any;
+}
+export interface UseSelectResult {
+    onSelect: (result: (SelectResult: any) => void) => void;
+    clear: () => void;
+    destroy: () => void;
+}
+export interface UseHoverResult {
+    onHover: (result: (SelectResult: any) => void) => void;
+    clear: () => void;
+    destroy: () => void;
+}
+export declare function useSelect(map: Map, options?: SelectOptions): UseSelectResult;
+export interface HoverOptions {
+    /** 监听图层 */
+    layers?: Layer<any, any>[];
+    /** 高亮样式 (支持 Style对象 或 函数) */
+    style?: StyleLike;
+    /**
+     * WMS 请求防抖时间 (毫秒)
+     * 鼠标停止移动多久后才去请求 WMS
+     * @default 200
+     */
+    debounceTime?: number;
+    /** 是否自动改变鼠标手势 (变为手型) */
+    cursor?: boolean;
+}
+export interface HoverEvent {
+    feature: Feature;
+    layer: Layer;
+    properties: any;
+    coordinate: [number, number];
+}
+export declare function useHover(map: Map, options?: HoverOptions): {
+    onHover: (cb: (res: HoverEvent[] | null) => void) => () => boolean;
+    clear: () => void;
+    destroy: () => void;
+};