cesium-pocket 0.1.26-alpha → 0.1.28-alpha

package/PolygonDrawer-BiQomJB2.js

@@ -0,0 +1,396 @@
+import { EntityCollection as w, defined as A, ScreenSpaceEventType as h, CallbackPositionProperty as v, Color as c, ScreenSpaceEventHandler as x, Cartographic as E, Math as d, VerticalOrigin as b, Cartesian2 as B, LabelStyle as I, HeightReference as M, Cartesian3 as u, JulianDate as k, EllipsoidGeodesic as G, BoundingSphere as P, Transforms as T, Matrix4 as g, CallbackProperty as D, PolylineDashMaterialProperty as O, PolygonHierarchy as N } from "cesium";
+const n = {
+  STOPED: Symbol("STOPED"),
+  //未开启
+  DRAWABLE: Symbol("DRAWABLE"),
+  //可绘制   绿鼠标 右键stop
+  // FIRST_POINT: Symbol('FIRST_POINT'),//已经绘制完起点   右键edit
+  EDITING: Symbol("EDITING"),
+  //编辑中  鼠标中键回退FIRST_POINT，右键则stop
+  DRAGABLE: Symbol("DRAGABLE"),
+  //拖拽中,只有选中并拖拽的时候才能够成立
+  DRAGING: Symbol("DRAGING"),
+  DONE: Symbol("DONE")
+};
+class F {
+  constructor(t) {
+    this.status = n.STOPED, this.cesiumDom = t;
+  }
+  /**
+   * 开始绘制
+   */
+  startStatus() {
+    this.status = n.DRAWABLE, this.cesiumDom.style.cursor = "crosshair";
+  }
+  /**
+   * 绘制完第一个点
+   */
+  // protected drawFirstPointStatus(): void {
+  //   this.status = DRAW_STATUS.FIRST_POINT
+  //   this.cesiumDom.style.cursor = 'crosshair'
+  // }
+  /**
+   * 进入编辑状态
+   */
+  editStatus() {
+    this.status = n.EDITING, this.cesiumDom.style.cursor = "default";
+  }
+  /**
+   * 重新进入绘制状态
+   */
+  // protected reDrawStatus(): void {
+  //   this.status = DRAW_STATUS.FIRST_POINT
+  //   this.cesiumDom.style.cursor = 'crosshair'
+  // }
+  /**
+   * 可拖拽
+   */
+  dragStatus() {
+    this.status = n.DRAGABLE, this.cesiumDom.style.cursor = "default";
+  }
+  /**
+    *  正在拖拽时
+    */
+  dragingStatus() {
+    this.status = n.DRAGING, this.cesiumDom.style.cursor = "grabbing";
+  }
+  /**
+   * 已完成
+   */
+  doneStatus() {
+    this.status = n.DONE, this.cesiumDom.style.cursor = "default";
+  }
+  stopStatus() {
+    this.status = n.STOPED, this.cesiumDom.style.cursor = "default";
+  }
+  getStatus() {
+    return this.status;
+  }
+}
+const Q = "data:image/png;base64,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";
+class W extends F {
+  constructor(t, i) {
+    super(i), this.pointsCollection = new w(), this.currentDragPoint = null, this.mainData = [], this.textDom = null, this.point_L_ClickEvent = () => {
+      var e;
+      (e = this.handler) == null || e.setInputAction((s) => {
+        let a = this.viewer.camera.getPickRay(s.position), o = this.viewer.scene.globe.pick(a, this.viewer.scene);
+        A(o) && n.DRAWABLE == super.getStatus() && this.createBillboard(o);
+      }, h.LEFT_CLICK);
+    }, this.point_L_MIDDLE_ClickEvent = () => {
+      var e;
+      (e = this.handler) == null || e.setInputAction(() => {
+        n.DRAGABLE == super.getStatus() && this.currentDragPoint && (this.viewer.scene.screenSpaceCameraController.enableRotate = !1, confirm("确定要删除吗？") ? (this.viewer.entities.remove(this.currentDragPoint), this.pointsCollection.remove(this.currentDragPoint), this.pointsBackEdit(), this.setMainData(), this.viewer.scene.screenSpaceCameraController.enableRotate = !0) : (this.pointsBackEdit(), this.viewer.scene.screenSpaceCameraController.enableRotate = !0));
+      }, h.MIDDLE_CLICK);
+    }, this.point_R_ClickEvent = () => {
+      var e;
+      (e = this.handler) == null || e.setInputAction(() => {
+        n.DRAWABLE == super.getStatus() ? (super.editStatus(), this.setMainData()) : n.EDITING == super.getStatus() ? super.doneStatus() : n.DRAGABLE == super.getStatus() ? super.doneStatus() : n.DONE == super.getStatus() && (super.stopStatus(), this.pointsReset());
+      }, h.RIGHT_CLICK);
+    }, this.point_L_DownEvent = () => {
+      var e;
+      (e = this.handler) == null || e.setInputAction(() => {
+        n.DRAGABLE == super.getStatus() && (super.dragingStatus(), this.viewer.scene.screenSpaceCameraController.enableRotate = !1);
+      }, h.LEFT_DOWN);
+    }, this.point_L_UpEvent = () => {
+      var e;
+      (e = this.handler) == null || e.setInputAction(() => {
+        n.DRAGING == super.getStatus() && (this.pointsBackEdit(), this.viewer.scene.screenSpaceCameraController.enableRotate = !0);
+      }, h.LEFT_UP);
+    }, this.point_moveEvent = () => {
+      var e;
+      (e = this.handler) == null || e.setInputAction((s) => {
+        const a = this.viewer.camera.getPickRay(s.endPosition);
+        if (a) {
+          const o = this.viewer.scene.globe.pick(a, this.viewer.scene);
+          A(o) && (n.DRAWABLE == super.getStatus() ? this.showPosition(s.endPosition) : n.EDITING == super.getStatus() ? (this.textDom && this.viewer.container.removeChild(this.textDom), this.pickPoint(s.endPosition)) : n.DRAGABLE == super.getStatus() ? this.pointsBackEdit() : n.DRAGING == super.getStatus() && this.currentDragPoint && (this.currentDragPoint.position = new v(() => o, !1)));
+        }
+      }, h.MOUSE_MOVE);
+    }, this.pickPoint = (e) => {
+      let s = this.viewer.scene.pick(e);
+      s && s.id && s.id.properties.getValue().entityType == "POINT" && (s.id.point.color = c.YELLOW, super.dragStatus(), this.currentDragPoint = s.id);
+    }, this.viewer = t, this.viewer.entities.add(this.pointsCollection), this.textDom = document.createElement("div"), this.textDom.style.position = "absolute", this.textDom.style.zIndex = " 10", this.textDom.style.color = "white", this.textDom.style.backgroundColor = "black", this.textDom.style.padding = "2px 6px", this.viewer.container.appendChild(this.textDom);
+  }
+  start() {
+    super.startStatus(), this.handler || (this.handler = new x(this.viewer.scene.canvas)), this.point_L_ClickEvent(), this.point_L_MIDDLE_ClickEvent(), this.point_R_ClickEvent(), this.point_L_DownEvent(), this.point_L_UpEvent(), this.point_moveEvent();
+  }
+  getEntityCollection() {
+    return this.pointsCollection;
+  }
+  getAllPositionsData() {
+    return this.mainData;
+  }
+  pointsBackEdit() {
+    this.currentDragPoint && (this.currentDragPoint.point.color = c.TRANSPARENT, this.currentDragPoint = null, super.editStatus());
+  }
+  pointsReset() {
+    for (let t = 0, i = this.pointsCollection.values.length; t < i; t++) {
+      const e = this.pointsCollection.values[t];
+      this.viewer.entities.removeById(e.id);
+    }
+    this.pointsCollection.removeAll(), this.viewer.entities.removeById(this.pointsCollection.id);
+  }
+  showPosition(t) {
+    const i = this.viewer.camera.getPickRay(t);
+    if (this.textDom && i) {
+      const e = this.viewer.scene.globe.pick(i, this.viewer.scene), s = E.fromCartesian(e), a = d.toDegrees(s.longitude), o = d.toDegrees(s.latitude);
+      this.textDom.style.left = t.x + 4 + "px", this.textDom.style.top = t.y - 30 + "px", this.textDom.innerText = `${a.toFixed(4)}, ${o.toFixed(4)}`;
+    }
+  }
+  createBillboard(t) {
+    const i = E.fromCartesian(t), e = d.toDegrees(i.longitude), s = d.toDegrees(i.latitude), a = this.viewer.entities.add({
+      // 设置经纬度位置 (经度, 纬度, 海拔高度)
+      position: t,
+      label: {
+        text: `${e.toFixed(4)}, ${s.toFixed(4)}`,
+        font: "500 14px Helvetica",
+        style: I.FILL,
+        fillColor: c.WHITE,
+        pixelOffset: new B(80, -20),
+        //偏移量
+        showBackground: !0,
+        backgroundColor: new c(0, 0, 0, 0.6)
+      },
+      billboard: {
+        image: Q,
+        // 设置图片显示的宽度和高度 (像素)
+        width: 40,
+        height: 40,
+        // 可选项：缩放倍数
+        scale: 1,
+        verticalOrigin: b.BOTTOM
+        // 可选项：给图片叠加一个颜色，白色为原色
+      },
+      properties: {
+        entityType: "POINT"
+      },
+      show: !0
+    });
+    a && (this.mainData.push(t), this.pointsCollection.add(a));
+  }
+  createPoint(t) {
+    const i = this.viewer.entities.add({
+      position: t,
+      point: {
+        pixelSize: 6,
+        color: c.TRANSPARENT,
+        outlineColor: c.YELLOW,
+        outlineWidth: 2,
+        // disableDepthTestDistance: Number.POSITIVE_INFINITY,
+        heightReference: M.CLAMP_TO_GROUND
+        //贴地
+      },
+      properties: {
+        entityType: "POINT"
+      },
+      show: !0
+    });
+    i && (this.mainData.push(t), this.pointsCollection.add(i));
+  }
+  setMainData() {
+    this.mainData = [], this.pointsCollection.values.forEach((t) => {
+      var i;
+      if (t.point) {
+        const e = new u();
+        (i = t.position) == null || i.getValue(k.now(), e), this.mainData.push(e);
+      }
+    });
+  }
+}
+const U = (r, t) => {
+  const i = E.fromCartesian(r), e = E.fromCartesian(t);
+  return new G(i, e).surfaceDistance;
+}, K = (r, t) => {
+  const i = new u();
+  return u.add(r, t, i), u.divideByScalar(i, 2, i), i;
+}, f = (r, t, i, e = null) => {
+  let a = { ...{
+    text: i,
+    font: "16px sans-serif",
+    fillColor: c.ORANGE,
+    // outlineColor: Color.BLACK,
+    // outlineWidth: 1,
+    showBackground: !0,
+    backgroundColor: c.BLACK,
+    style: I.FILL_AND_OUTLINE
+  }, ...e }, o = {
+    position: t,
+    label: a
+  };
+  return r.entities.add(o);
+}, C = (r) => {
+  let t = "";
+  return r > 1e3 ? t = (r / 1e3).toFixed(2) + " 公里" : t = r.toFixed(2) + " 米", t;
+}, j = (r) => {
+  let t = "";
+  return r > 1e3 * 1e3 * 1e4 ? t = (r / (1e3 * 1e3 * 1e4)).toFixed(2) + " 万平方公里" : r > 1e3 * 1e3 ? t = (r / (1e3 * 1e3)).toFixed(2) + " 平方公里" : t = r.toFixed(2) + " 平方米", t;
+}, Y = (r) => {
+  if (!r || r.length === 0) return null;
+  let t = 0, i = 0, e = 0;
+  const s = r.length;
+  return r.forEach((o) => {
+    t += o.x, i += o.y, e += o.z;
+  }), new u(
+    t / s,
+    i / s,
+    e / s
+  );
+}, Z = (r) => {
+  if (r.length < 3) return 0;
+  const i = P.fromPoints(r).center, e = T.eastNorthUpToFixedFrame(i), s = g.inverse(e, new g()), a = r.map(
+    (l) => g.multiplyByPoint(s, l, new u())
+  );
+  let o = 0;
+  for (let l = 0; l < a.length; l++) {
+    const p = (l + 1) % a.length;
+    o += a[l].x * a[p].y, o -= a[p].x * a[l].y;
+  }
+  return Math.abs(o) / 2;
+};
+class V extends W {
+  constructor(t, i) {
+    super(t, i), this.mainLineEntity = null, this.dashLineEntity = null, this.dashEndData = new u(), this.currentIndex = -1, this.labelsCollection = new w(), this.line_L_ClickEvent = () => {
+      var e;
+      (e = this.handler) == null || e.setInputAction((s) => {
+        let a = this.viewer.camera.getPickRay(s.position), o = this.viewer.scene.globe.pick(a, this.viewer.scene);
+        A(o) && n.DRAWABLE == super.getStatus() && (super.createPoint(o), this.mainData.length > 0 && (this.mainLineEntity || this.createMainLine(), this.dashLineEntity || this.createDashLine()));
+      }, h.LEFT_CLICK);
+    }, this.line_R_ClickEvent = () => {
+      var e;
+      (e = this.handler) == null || e.setInputAction(() => {
+        n.DRAWABLE == super.getStatus() ? (super.editStatus(), this.dashLineEntity && (this.dashLineEntity.show = !1), this.pointsCollection.show = !0) : n.EDITING == super.getStatus() ? (super.doneStatus(), this.showDistance(), this.pointsCollection.show = !1) : n.DRAGABLE == super.getStatus() ? (super.doneStatus(), this.showDistance(), this.pointsCollection.show = !1) : n.DONE == super.getStatus() && (super.stopStatus(), this.pointsReset(), this.lineReset());
+      }, h.RIGHT_CLICK);
+    }, this.line_L_DownEvent = () => {
+      var e;
+      (e = this.handler) == null || e.setInputAction(() => {
+        n.DRAGABLE == super.getStatus() && (super.dragingStatus(), this.getEntityIndex(), this.viewer.scene.screenSpaceCameraController.enableRotate = !1);
+      }, h.LEFT_DOWN);
+    }, this.line_moveEvent = () => {
+      var e;
+      (e = this.handler) == null || e.setInputAction((s) => {
+        const a = this.viewer.camera.getPickRay(s.endPosition);
+        if (a) {
+          const o = this.viewer.scene.globe.pick(a, this.viewer.scene);
+          A(o) && (n.DRAWABLE == super.getStatus() ? this.mainData.length > 0 && (this.dashEndData = o) : n.EDITING == super.getStatus() ? this.pickPoint(s.endPosition) : n.DRAGABLE == super.getStatus() ? (this.pointsBackEdit(), this.currentIndex = -1) : n.DRAGING == super.getStatus() && this.moveLine(o));
+        }
+      }, h.MOUSE_MOVE);
+    }, this.createMainLine = () => {
+      this.mainLineEntity = this.viewer.entities.add({
+        polyline: {
+          positions: new D(() => this.mainData, !1),
+          // 宽度
+          width: 2,
+          // 线的颜色
+          material: c.RED,
+          // 是否显示
+          show: !0,
+          clampToGround: !0
+        },
+        properties: {
+          entityType: "LINE"
+        }
+      });
+    };
+  }
+  start() {
+    super.start(), this.viewer.entities.add(this.labelsCollection), this.pointsCollection.show = !1, this.line_L_ClickEvent(), this.line_R_ClickEvent(), this.line_L_DownEvent(), this.line_moveEvent();
+  }
+  moveLine(t) {
+    this.currentDragPoint && (this.currentDragPoint.position = new v(() => t, !1), this.currentIndex > -1 && (this.mainData[this.currentIndex] = t));
+  }
+  getEntityIndex() {
+    for (let t = 0, i = this.pointsCollection.values.length; t < i; t++)
+      if (this.pointsCollection.values[t].id == this.currentDragPoint.id) {
+        this.currentIndex = t;
+        break;
+      }
+  }
+  //创建临时虚线
+  createDashLine() {
+    this.dashLineEntity = this.viewer.entities.add({
+      polyline: {
+        positions: new D(() => {
+          const t = this.mainData.length;
+          let i = this.mainData[t - 1];
+          return this.dashEndData.x == 0 && this.dashEndData.y == 0 && this.dashEndData.z == 0 && (this.dashEndData = i), [i, this.dashEndData];
+        }, !1),
+        // 宽度
+        width: 2,
+        material: new O({
+          color: c.RED,
+          dashLength: 15
+        }),
+        // 是否显示
+        show: !0,
+        clampToGround: !0
+      },
+      properties: {
+        entityType: "DASHLINE"
+      }
+    });
+  }
+  lineReset() {
+    this.labelsCollection.show = !1, this.mainLineEntity && this.viewer.entities.remove(this.mainLineEntity), this.dashLineEntity && this.viewer.entities.remove(this.dashLineEntity), this.mainLineEntity = null, this.dashLineEntity = null, console.log(this.viewer.entities);
+    for (let t = 0, i = this.labelsCollection.values.length; t < i; t++) {
+      const e = this.labelsCollection.values[t];
+      this.viewer.entities.removeById(e.id);
+    }
+    this.labelsCollection.removeAll(), this.viewer.entities.removeById(this.labelsCollection.id);
+  }
+  showDistance() {
+    let t = 0, i = this.mainData.length;
+    for (let l = 1; l < i; l++) {
+      const p = this.mainData[l - 1], y = this.mainData[l], L = K(p, y), m = U(p, y);
+      t += m;
+      let S = C(m), R = f(this.viewer, L, S);
+      this.labelsCollection.add(R);
+    }
+    let e = { font: "20px", fillColor: c.WHITE, outlineWidth: 0 }, s = this.mainData[i - 1], a = "共: " + C(t), o = f(this.viewer, s, a, e);
+    this.labelsCollection.add(o);
+  }
+}
+class H extends V {
+  constructor(t, i) {
+    super(t, i), this.polygonEntity = null, this.areaText = null, this.polygon_L_ClickEvent = () => {
+      var e;
+      (e = this.handler) == null || e.setInputAction((s) => {
+        let a = this.viewer.camera.getPickRay(s.position), o = this.viewer.scene.globe.pick(a, this.viewer.scene);
+        A(o) && n.DRAWABLE == super.getStatus() && (super.createPoint(o), this.mainData.length > 0 && (this.mainLineEntity || this.createMainLine(), this.dashLineEntity || this.createDashLine(), !this.polygonEntity && this.mainData.length > 2 && this.createPolygon()));
+      }, h.LEFT_CLICK);
+    }, this.polygon_R_ClickEvent = () => {
+      var e;
+      (e = this.handler) == null || e.setInputAction(() => {
+        n.DRAWABLE == super.getStatus() ? (super.editStatus(), this.dashLineEntity && (this.dashLineEntity.show = !1), this.pointsCollection.show = !0) : n.EDITING == super.getStatus() ? (super.doneStatus(), this.showArea(), this.pointsCollection.show = !1) : n.DRAGABLE == super.getStatus() ? (super.doneStatus(), this.showArea(), this.pointsCollection.show = !1) : n.DONE == super.getStatus() && (super.stopStatus(), this.pointsReset(), this.lineReset(), this.polygonReset());
+      }, h.RIGHT_CLICK);
+    }, this.createPolygon = () => {
+      this.polygonEntity = this.viewer.entities.add({
+        polygon: {
+          hierarchy: new D(() => new N(this.mainData), !1),
+          material: c.RED.withAlpha(0.4),
+          outline: !1
+        },
+        properties: {
+          entityType: "POLYGON"
+        }
+      }), console.log(this.polygonEntity);
+    };
+  }
+  start() {
+    super.start(), this.polygon_L_ClickEvent(), this.polygon_R_ClickEvent();
+  }
+  showArea() {
+    let t = Y(this.mainData);
+    if (t) {
+      let i = Z(this.mainData);
+      const e = j(i);
+      this.areaText = f(this.viewer, t, e);
+    }
+  }
+  polygonReset() {
+    this.polygonEntity && this.viewer.entities.remove(this.polygonEntity), this.areaText && this.viewer.entities.remove(this.areaText);
+  }
+}
+export {
+  V as L,
+  W as P,
+  H as a
+};

package/index-C55kof5v.js

@@ -0,0 +1,76 @@
+import { Color as e, PinBuilder as c, VerticalOrigin as s } from "cesium";
+const T = {
+  DEFAULT: Symbol("default"),
+  TEXT: Symbol("text"),
+  ICON: Symbol("icon")
+}, B = {
+  HOSPITAL: { name: "hospital", color: e.RED },
+  SCHOOL: { name: "school-JP", color: e.BLUE },
+  LIBRARY: { name: "library", color: e.BLUE },
+  BANK: { name: "bank-JP", color: e.BLUE },
+  AIRPORT: { name: "airport", color: e.BLUE },
+  FIRE_STATION: { name: "fire-station", color: e.RED },
+  BUS: { name: "airport", color: e.BLUE },
+  GAS_STATION: { name: "charging-station", color: e.BLUE },
+  PARKING: { name: "parking", color: e.BLUE },
+  POLICE: { name: "police", color: e.BLUE },
+  RAIL: { name: "rail", color: e.BLUE },
+  RESTAURANT: { name: "restaurant", color: e.BLUE }
+}, m = "cp-pin", L = (i, a, n, o = 48) => {
+  const r = new c();
+  return Promise.resolve(
+    r.fromMakiIconId(n.name, n.color, o)
+  ).then(function(t) {
+    return i.entities.add({
+      id: "def" + p(),
+      name: n.name,
+      position: a,
+      billboard: {
+        image: t.toDataURL(),
+        verticalOrigin: s.BOTTOM,
+        disableDepthTestDistance: 0
+        //  开启深度测试，被地球/地形遮挡
+      },
+      properties: { cpType: m }
+    });
+  }).catch((t) => (console.error("图标获取失败" + t), null));
+}, O = (i, a, n = "", o = e.BLUE, r = 48) => {
+  const t = new c();
+  return i.entities.add({
+    id: "txt" + p(),
+    name: n,
+    position: a,
+    billboard: {
+      image: t.fromText(n, o, r).toDataURL(),
+      verticalOrigin: s.BOTTOM,
+      disableDepthTestDistance: 0
+      //  开启深度测试，被地球/地形遮挡
+    },
+    properties: { cpType: m }
+  });
+}, u = (i, a, n, o = e.BLUE, r = 48) => {
+  console.log(n), console.log(o), console.log(r);
+  const t = new c();
+  return Promise.resolve(
+    t.fromUrl(n, o, r)
+  ).then((l) => i.entities.add({
+    id: "img" + p(),
+    name: "",
+    position: a,
+    billboard: {
+      image: l.toDataURL(),
+      verticalOrigin: s.BOTTOM,
+      disableDepthTestDistance: 0
+      //  开启深度测试，被地球/地形遮挡
+    },
+    properties: { cpType: m }
+  })).catch((l) => (console.error("图标获取失败" + l), null));
+}, p = () => (/* @__PURE__ */ new Date()).getTime().toString();
+export {
+  m as C,
+  T as P,
+  B as a,
+  L as b,
+  u as c,
+  O as d
+};