jgis 1.0.2 → 1.0.3

package/dist/3d/index.mjs

@@ -1,73 +1,138 @@
-var c = (r, a, e) => new Promise((o, s) => {
-  var d = (t) => {
-    try {
-      m(e.next(t));
-    } catch (n) {
-      s(n);
-    }
-  }, l = (t) => {
-    try {
-      m(e.throw(t));
-    } catch (n) {
-      s(n);
-    }
-  }, m = (t) => t.done ? o(t.value) : Promise.resolve(t.value).then(d, l);
-  m((e = e.apply(r, a)).next());
-});
-import * as i from "cesium";
-function g(r, a) {
+var C = Object.defineProperty, M = Object.defineProperties;
+var I = Object.getOwnPropertyDescriptors;
+var p = Object.getOwnPropertySymbols;
+var x = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable;
+var h = (r, t, e) => t in r ? C(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, u = (r, t) => {
+  for (var e in t || (t = {}))
+    x.call(t, e) && h(r, e, t[e]);
+  if (p)
+    for (var e of p(t))
+      k.call(t, e) && h(r, e, t[e]);
+  return r;
+}, f = (r, t) => M(r, I(t));
+import * as o from "cesium";
+import { getLonLat as w } from "../index.mjs";
+function L(r, t) {
   const e = {
-    img_w: !0,
-    ibo_w: !0,
-    cia_w: !0,
+    baseType: "img",
+    noteType: "cia",
     token: "dadcbbdb5206b626a29ca739686b3087"
-  }, { img_w: o, ibo_w: s, cia_w: d, token: l } = Object.assign(e, a), m = "https://t{s}.tianditu.gov.cn/", t = ["0", "1", "2", "3", "4", "5", "6", "7"];
-  if (o) {
-    const n = new i.UrlTemplateImageryProvider({
-      url: m + "DataServer?T=img_w&x={x}&y={y}&l={z}&tk=" + l,
-      subdomains: t,
-      tilingScheme: new i.WebMercatorTilingScheme(),
-      maximumLevel: 18
-    });
-    let u = r.imageryLayers.addImageryProvider(n);
-    u.gamma = 1;
-  } else {
-    const n = new i.UrlTemplateImageryProvider({
-      url: "https://tile-{s}.openstreetmap.fr/hot/{z}/{x}/{y}.png",
-      subdomains: ["a", "b", "c", "d"],
-      tilingScheme: new i.WebMercatorTilingScheme(),
-      maximumLevel: 18
-    });
-    r.imageryLayers.addImageryProvider(n);
-  }
-  if (s) {
-    const n = new i.UrlTemplateImageryProvider({
-      url: m + "DataServer?T=ibo_w&x={x}&y={y}&l={z}&tk=" + l,
-      subdomains: t,
-      tilingScheme: new i.WebMercatorTilingScheme(),
-      maximumLevel: 10
-    });
-    r.imageryLayers.addImageryProvider(n);
+  }, { baseType: a, noteType: n, token: i } = Object.assign(e, t), c = "https://t{s}.tianditu.gov.cn", s = ["0", "1", "2", "3", "4", "5", "6", "7"], l = new o.UrlTemplateImageryProvider({
+    url: `${c}/DataServer?T=${a}_w&x={x}&y={y}&l={z}&tk=${i}`,
+    subdomains: s,
+    tilingScheme: new o.WebMercatorTilingScheme()
+  });
+  let d = r.imageryLayers.addImageryProvider(l);
+  d.gamma = 1;
+  const S = new o.UrlTemplateImageryProvider({
+    url: `${c}/DataServer?T=ibo_w&x={x}&y={y}&l={z}&tk=${i}`,
+    subdomains: s,
+    tilingScheme: new o.WebMercatorTilingScheme()
+  });
+  r.imageryLayers.addImageryProvider(S);
+  const v = new o.UrlTemplateImageryProvider({
+    url: `${c}/DataServer?T=${n}_w&x={x}&y={y}&l={z}&tk=${i}`,
+    subdomains: s,
+    tilingScheme: new o.WebMercatorTilingScheme()
+    // maximumLevel: 18
+  });
+  r.imageryLayers.addImageryProvider(v);
+}
+function O(r, t) {
+  L(r, t);
+}
+function P(r, t, e, a) {
+  (!a || !a.type) && (a = Object.assign({}, e, a));
+  const n = a.type || "Point";
+  let i;
+  switch (n) {
+    case "Point":
+      i = B(r, t, e, a);
+      break;
+    case "LineString":
+      i = _(r, t, e, a);
+      break;
   }
-  if (d) {
-    const n = new i.UrlTemplateImageryProvider({
-      url: m + "DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=" + l,
-      subdomains: t,
-      tilingScheme: new i.WebMercatorTilingScheme(),
-      maximumLevel: 18
-    });
-    r.imageryLayers.addImageryProvider(n);
+  return i;
+}
+function B(r, t, e, a) {
+  const n = r.scene.primitives.add(new o.BillboardCollection());
+  return n._layerName = t, e.forEach((i, c) => {
+    const s = {
+      scale: 1,
+      // 缩放比例
+      verticalOrigin: o.VerticalOrigin.BOTTOM,
+      // 以底部为定位中心
+      show: !0,
+      disableDepthTestDistance: Number.POSITIVE_INFINITY,
+      // 禁止深度测试距离
+      scaleByDistance: new o.NearFarScalar(1, 1, 1e5, 0.2)
+      // 根据相机距离缩放
+    }, l = {
+      position: o.Cartesian3.fromDegrees(...w(i), 1),
+      image: a.style || a.getStyle(i),
+      id: i.id || `point_${c}`
+    }, d = n.add(u(u(u({}, s), a), l));
+    d._originStyle = f(u(u(u({}, s), a), l), { color: o.Color.WHITE }), d.properties = i;
+  }), r.scene.requestRender(), n;
+}
+function _(r, t, e, a) {
+  if (e.length < 2) return;
+  const n = D(e, a), i = new o.GroundPolylinePrimitive({
+    geometryInstances: n,
+    appearance: new o.PolylineColorAppearance({
+      translucent: !0
+    }),
+    interleave: !0,
+    allowPicking: !0,
+    asynchronous: !1
+  });
+  i._layerName = t, r.scene.groundPrimitives.add(i);
+}
+function D(r, t) {
+  const e = [], a = r.map((c) => o.Cartesian3.fromDegrees(...w(c), 0)), n = new o.GroundPolylineGeometry({
+    positions: a,
+    width: t.width || 4,
+    granularity: t.granularity || 2e3
+  }), i = new o.GeometryInstance({
+    id: "pipeLine",
+    geometry: n,
+    attributes: {
+      color: o.ColorGeometryInstanceAttribute.fromColor(o.Color.fromCssColorString(t.color))
+    }
+  });
+  return e.push(i), e;
+}
+function E(r, t) {
+  const e = r.scene.primitives, a = e.length;
+  for (let n = 0; n < a; n++) {
+    const i = e.get(n);
+    if (i._layerName === t)
+      return i;
   }
+  return null;
 }
-function y(r, a) {
-  let e;
-  i.defined(a) && (e = c(null, null, function* () {
-    return yield i.CesiumTerrainProvider.fromUrl(a, {
-      requestVertexNormals: !0,
-      requestWaterMask: !0
-    });
-  })), i.defined(e) || (e = new i.EllipsoidTerrainProvider());
-  const o = new i.Viewer(r, {
+const y = /* @__PURE__ */ new Map(), m = {}, g = {}, R = (r, t) => {
+  y.has(r) && console.warn(`Map with target '${r}' already exists. Overwriting...`), y.set(r, t), m[r] && (m[r].forEach((e) => e(t)), delete m[r]), g[r] && (g[r].forEach((e) => e(t)), delete g[r]);
+};
+function b(r) {
+  const t = y.get(r);
+  return t ? Promise.resolve(t) : new Promise((e) => {
+    g[r] = g[r] || [], g[r].push(e);
+  });
+}
+const N = (r) => {
+  y.has(r) && (y.delete(r), delete m[r]);
+}, T = (r, t) => {
+  const e = y.get(r);
+  if (e) {
+    t(e);
+    return;
+  }
+  m[r] || (m[r] = []), m[r].push(t);
+};
+function $(r, t = {}) {
+  const e = new o.Viewer(r, {
     requestRenderMode: !0,
     //减少应用程序的 CPU/GPU 使用率
     maximumRenderTimeChange: 1 / 0,
@@ -83,7 +148,7 @@ function y(r, a) {
     //控制右上角home按钮显示
     baseLayerPicker: !1,
     //地图切换控件(底图以及地形图)是否显示,默认显示true
-    imageryProvider: new i.GridImageryProvider(),
+    // imageryProvider: new Cesium.GridImageryProvider({}),
     sceneModePicker: !1,
     navigationHelpButton: !1,
     infoBox: !1,
@@ -92,7 +157,7 @@ function y(r, a) {
     //全屏按钮,默认显示true
     shouldAnimate: !0,
     // Enable animations
-    terrainProvider: e,
+    // terrainProvider: _terrainProvider, //地形
     contextOptions: {
       webgl: {
         preserveDrawingBuffer: !0
@@ -100,21 +165,130 @@ function y(r, a) {
       }
     }
   });
-  return o._cesiumWidget._creditContainer.style.display = "none", o;
+  let a;
+  return o.defined(t.terrainUrl) ? o.CesiumTerrainProvider.fromUrl(t.terrainUrl, {
+    requestVertexNormals: !0,
+    requestWaterMask: !0
+  }).then((n) => {
+    a = n, e.terrainProvider = a;
+  }) : a = new o.EllipsoidTerrainProvider(), e.terrainProvider = a, e._cesiumWidget._creditContainer.style.display = "none", e.scene.globe.baseColor = new o.Color(0, 0, 0, 0), e.scene.screenSpaceCameraController.minimumZoomDistance = t.minZoom || 1, e.scene.screenSpaceCameraController.maximumZoomDistance = t.maxZoom || 1e7, e.resolutionScale = window.devicePixelRatio > 2 ? 2 : window.devicePixelRatio, e;
 }
-function f(r, a) {
-  g(r, a);
+function H(r, t, e, a) {
+  P(r, t, e, f(u({}, a), { type: "Point" }));
 }
-function v(r, a, e) {
-  console.log("添加标记", r, a, e);
+function V(r, t, e) {
+  return new Promise((a, n) => {
+    r.camera.flyTo({
+      destination: o.Cartesian3.fromDegrees(...t),
+      duration: e.duration || 1.2,
+      // 飞行动画时间（秒）
+      orientation: {
+        heading: e.heading || 0,
+        pitch: e.pitch || -Math.PI / 2,
+        roll: e.roll || 0
+      },
+      easingFunction: e.easing || o.EasingFunction.LINEAR_NONE,
+      // 飞行动画缓动函数
+      maximumHeight: e.maxHeight || 1e6,
+      // 相机最大飞行高度
+      complete: () => {
+        a(!0);
+      },
+      cancel: () => {
+        a(!1);
+      }
+    });
+  });
+}
+function j(r, t = 1) {
+  return r.camera.flyHome(t);
+}
+function G(r, t, e) {
+  return new Promise((a, n) => {
+    r.camera.flyToBoundingSphere(t, {
+      duration: e.duration || 1e3,
+      // 飞行动画时间（秒）
+      offset: new o.HeadingPitchRange(e.heading || 0, e.pitch || -Math.PI / 4, e.roll || 0),
+      easingFunction: e.easing,
+      // 飞行动画缓动函数
+      maximumHeight: e.maxHeight || 1e6,
+      // 相机最大飞行高度
+      complete: () => {
+        a(!0);
+      },
+      cancel: () => {
+        a(!1);
+      }
+    });
+  });
 }
-function p(r, a) {
-  const e = y(r);
-  return f(e, a), {
+function U(r, t, e) {
+  r.camera.setView({
+    destination: o.Cartesian3.fromDegrees(...t),
+    orientation: {
+      heading: e.heading || 0,
+      pitch: e.pitch || -Math.PI / 2,
+      roll: e.roll || 0
+    }
+  });
+}
+function q(r, t) {
+  r.destroy(), N(t);
+}
+function F(r, t) {
+  const e = /* @__PURE__ */ new Set(), a = new o.ScreenSpaceEventHandler(r.scene.canvas);
+  let n = null;
+  a.setInputAction((c) => {
+    const s = r.scene.pick(c.position);
+    if (n && (Object.assign(n, n._originStyle), n = null, r.scene.requestRender()), o.defined(s) && s.primitive instanceof o.Billboard) {
+      const l = s.primitive, d = {
+        billboard: l,
+        properties: l.properties,
+        event: c,
+        pick: s
+      };
+      n = l, i(d), Object.assign(l, t.style || t.getStyle(l)), r.scene.requestRender();
+    }
+  }, o.ScreenSpaceEventType.LEFT_CLICK);
+  const i = (c) => e.forEach((s) => s(c));
+  return {
+    onSelect: (c) => (e.add(c), () => e.delete(c)),
+    clear() {
+      e.clear();
+    },
+    destroy() {
+      e.clear();
+    }
+  };
+}
+function Z(r, t) {
+  const e = $(r, t);
+  O(e, t);
+  const a = {
+    targetId: r,
     instance: e,
-    addMarker: (o, s) => v(e, o, s)
+    addMarker: (n, i, c) => H(e, n, i, c),
+    createLayer: (n, i, c) => P(e, n, i, c),
+    getLayerByName: (n) => E(e, n),
+    useSelect: (n) => F(e, n),
+    flyTo: (n, i) => V(e, n, i),
+    flyHome: (n) => j(e, n),
+    flyToBoundingSphere: (n, i) => G(e, n, i),
+    setView: (n, i) => U(e, n, i),
+    getMapContext: (n) => b(n),
+    onMapReady: (n, i) => T(n, i),
+    destroyMap: (n) => q(e, n)
   };
+  return R(r, a), a;
+}
+function z(r, t) {
+  T(r, t);
+}
+function K(r) {
+  return b(r);
 }
 export {
-  p as useMap
+  K as getMapContext,
+  z as onMapReady,
+  Z as useMap
 };

package/dist/3d/interaction.d.ts

@@ -0,0 +1,5 @@
+export declare function useSelect(viewer: any, options: any): {
+    onSelect: (cb: (e: any) => void) => () => boolean;
+    clear(): void;
+    destroy(): void;
+};

package/dist/3d/layer.d.ts

@@ -0,0 +1,29 @@
+import * as Cesium from 'cesium';
+/**
+ * 初始化地图
+ * @param {Cesium.Viewer} viewer 视图
+ * @param {any} options 配置项
+ */
+export declare function createBaseLayer(viewer: Cesium.Viewer, options: any): void;
+/**
+ * 创建图层
+ * @param {Cesium.Viewer} viewer {Map} 地图
+ * @param {string} layerName 图层名称
+ * @param {any} data 数据
+ * @param options 配置项
+ * @returns 图层
+ */
+export declare function createLayer(viewer: Cesium.Viewer, layerName: string, data: any, options: any): any;
+/**
+ * 创建点图层
+ * @param viewer 视图
+ * @param layerName 图层名称
+ * @param data 数据
+ * @param options 配置项
+ */
+export declare function createPointLayer(viewer: Cesium.Viewer, layerName: string, data: any[], options: Cesium.Billboard.ConstructorOptions & {
+    style?: any;
+    getStyle?: (item: any) => any;
+}): any;
+export declare function createLineLayer(viewer: any, layerName: string, data: any[], options: any): void;
+export declare function getLayerByName(viewer: any, layerName: any): any;

package/dist/3d/store.d.ts

@@ -0,0 +1,16 @@
+import { MapContext } from './types';
+/**
+ * 注册地图
+ * @param id 地图容器的 ID (target)
+ */
+export declare const registerMap: (id: string, context: MapContext) => void;
+/**
+ * 获取已创建的地图上下文
+ * @param id 地图容器的 ID (target)
+ */
+export declare function getMapContext(id: string): Promise<MapContext>;
+/**
+ * 销毁并移除
+ */
+export declare const unregisterMap: (id: string) => void;
+export declare const onMapReady: (id: string, callback: (ctx: MapContext) => void) => void;

package/dist/3d/types.d.ts

@@ -0,0 +1,56 @@
+import * as Cesium from 'cesium';
+export interface flyOptions {
+    heading?: number;
+    pitch?: number;
+    roll?: number;
+    duration?: number;
+    maxHeight?: number;
+    easing?: (t: number) => number;
+}
+export interface LayerOptions {
+    name?: string;
+    type?: string;
+    data?: any;
+    style?: any;
+    visible?: boolean;
+    opacity?: number;
+    interactive?: boolean;
+}
+export interface SelectResult {
+    billboard: Cesium.Billboard;
+    properties: any;
+    event: Cesium.Cartesian2;
+    pick: any;
+}
+export interface UseSelectResult {
+    onSelect: (result: (SelectResult: any) => void) => void;
+    clear: () => void;
+    destroy: () => void;
+}
+export type Coordinates = [number, number, number];
+export interface MapContext {
+    targetId: string;
+    instance: Cesium.Viewer;
+    addMarker: (layerName: string, data: any, options?: LayerOptions) => void;
+    createLayer: (layerName: string, data: any, options?: LayerOptions) => Layer;
+    removeLayer: (layerName: string) => void;
+    visibleLayer: (layerName: string, visible: boolean) => Layer;
+    getLayerByName: (layerName: string) => Layer;
+    getSourceByName: (layerName: string) => Source;
+    getLonLat: (data: any) => [number, number];
+    createBlankLayer: (layerName: string, options: LayerOptions) => Layer;
+    lightFeature: (layerName: string, feature: FeatureLike, options: HighLightOptions, zoomFlag: boolean) => void;
+    flashFeature: (layerName: string, feature: FeatureLike & customFeature, options: FlashOptions) => void;
+    queryFeature: (layerName: string, properties: any) => FeatureLike;
+    useSelect: (options: any) => UseSelectResult;
+    useHover: (options: HoverOptions) => UseHoverResult;
+    flyTo: (coordinate: Coordinates, options: flyOptions) => Promise<boolean>;
+    flyHome: (duration?: number) => void;
+    flyToBoundingSphere: (boundingSphere: Cesium.BoundingSphere, options?: flyOptions) => Promise<boolean>;
+    getProjection: () => void;
+    getZoom: () => number;
+    setView: (coordinate: Coordinates, options?: flyOptions) => void;
+    getMapContext: (id: string) => Promise<MapContext>;
+    onMapReady: (id: string, callback: () => void) => void;
+    destroyMap: (id: string) => void;
+}

package/dist/index.d.ts

@@ -1,2 +1,25 @@
 export declare const version = "1.0.0";
 export declare const author = "zhangjianfeng";
+type dataType = {
+    lttd?: number;
+    lgtd?: number;
+} & {
+    jd?: number;
+    wd?: number;
+} & {
+    latitude?: number;
+    longitude?: number;
+} & {
+    lon?: number;
+    lat?: number;
+};
+/**
+ * 解析出数据中的经纬度
+ * @param data 数据
+ * @returns [经度, 纬度]
+ */
+export declare function getLonLat(data: dataType, options?: {
+    lonLabel: string;
+    latLabel: string;
+}): [number, number];
+export {};

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="1.0.0",o="zhangjianfeng";exports.author=o;exports.version=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r="1.0.0",u="zhangjianfeng";function n(e,l){return typeof e!="object"||e===null?null:l&&l.lonLabel&&l.latLabel?[Number(e[l.lonLabel]),Number(e[l.latLabel])]: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)]:null}exports.author=u;exports.getLonLat=n;exports.version=r;

package/dist/index.mjs

@@ -1,5 +1,9 @@
-const n = "1.0.0", o = "zhangjianfeng";
+const r = "1.0.0", u = "zhangjianfeng";
+function n(e, l) {
+  return typeof e != "object" || e === null ? null : l && l.lonLabel && l.latLabel ? [Number(e[l.lonLabel]), Number(e[l.latLabel])] : 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)] : null;
+}
 export {
-  o as author,
-  n as version
+  u as author,
+  n as getLonLat,
+  r as version
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jgis",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "快速创建二维、三维工具库",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

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

@@ -1,23 +0,0 @@
-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;
-}