@xingm/vmap-cesium-toolbar 0.0.1-beta.2 → 0.0.1-beta.4

package/dist/index.js

@@ -11,14 +11,25 @@ class m {
   tempPositions = [];
   tempEntities = [];
   // 临时实体，用于绘制过程中
+  tempLabelEntities = [];
+  // 临时标签实体
   finishedEntities = [];
   // 已完成的实体
+  finishedLabelEntities = [];
+  // 已完成的标签实体
+  finishedPointEntities = [];
+  // 已完成的点实体
+  publicEntities = [];
+  // 通过公共方法创建的实体
+  _doubleClickPending = !1;
+  // 双击判断
   // 事件处理器
   screenSpaceEventHandler = null;
   // 回调函数
   onDrawStartCallback = null;
   onDrawEndCallback = null;
   onEntityRemovedCallback = null;
+  offsetHeight = 2;
   /**
    * 构造函数
    * @param viewer Cesium Viewer 实例
@@ -26,7 +37,29 @@ class m {
   constructor(e) {
     if (!e || !(e instanceof n.Viewer))
       throw new Error("Invalid Cesium Viewer instance provided.");
-    this.viewer = e, this.scene = e.scene, this.entities = e.entities, this.scene.globe.depthTestAgainstTerrain = !0;
+    this.viewer = e, this.scene = e.scene, this.entities = e.entities, this.updateOffsetHeight(), this.scene.morphComplete.addEventListener(() => {
+      this.updateOffsetHeight();
+    }), this.scene.globe.depthTestAgainstTerrain = !0;
+  }
+  /**
+   * 根据场景模式更新偏移高度
+   */
+  updateOffsetHeight() {
+    this.scene.mode === n.SceneMode.SCENE3D ? this.offsetHeight = 100 : this.offsetHeight = 0;
+  }
+  /**
+   * 手动设置偏移高度
+   * @param height 偏移高度（米）
+   */
+  setOffsetHeight(e) {
+    this.offsetHeight = e;
+  }
+  /**
+   * 获取当前偏移高度
+   * @returns 当前偏移高度（米）
+   */
+  getOffsetHeight() {
+    return this.offsetHeight;
   }
   clearFrustum() {
     this.frustumPrimitives.forEach((e) => {
@@ -37,7 +70,7 @@ class m {
   drawFrustum(e = {}) {
     try {
       this.clearFrustum();
-      const t = Math.max(1, Math.min(179, e.fov || 60)), i = Math.max(0.1, e.aspectRatio || 1), r = Math.max(0.1, e.near || 1), s = Math.max(r + 1, e.far || 1e3), o = e.position || this.viewer.camera.positionWC, a = e.orientation || n.Quaternion.fromRotationMatrix(
+      const t = Math.max(1, Math.min(179, e.fov || 60)), i = Math.max(0.1, e.aspectRatio || 1), s = Math.max(0.1, e.near || 1), o = Math.max(s + 1, e.far || 1e3), a = e.position || this.viewer.camera.positionWC, r = e.orientation || n.Quaternion.fromRotationMatrix(
         n.Matrix4.getRotation(
           this.viewer.camera.transform,
           new n.Matrix3()
@@ -45,30 +78,30 @@ class m {
       ), l = new n.PerspectiveFrustum({
         fov: n.Math.toRadians(t),
         aspectRatio: i,
-        near: r,
-        far: s
+        near: s,
+        far: o
       }), c = new n.FrustumGeometry({
         frustum: l,
-        origin: o,
-        orientation: a,
+        origin: a,
+        orientation: r,
         vertexFormat: n.VertexFormat.POSITION_ONLY
-      }), d = new n.GeometryInstance({
+      }), h = new n.GeometryInstance({
         geometry: c,
         attributes: {
           color: n.ColorGeometryInstanceAttribute.fromColor(
             e.fillColor || new n.Color(1, 0, 0, 0.3)
           )
         }
-      }), u = new n.Primitive({
-        geometryInstances: d,
+      }), d = new n.Primitive({
+        geometryInstances: h,
         appearance: new n.PerInstanceColorAppearance({
           closed: !0,
           flat: !0
         })
       }), g = new n.FrustumOutlineGeometry({
         frustum: l,
-        origin: o,
-        orientation: a
+        origin: a,
+        orientation: r
       }), f = new n.GeometryInstance({
         geometry: g,
         attributes: {
@@ -83,8 +116,8 @@ class m {
           flat: !0
         })
       });
-      this.viewer.scene.primitives.add(u), this.viewer.scene.primitives.add(p), this.frustumPrimitives.push(u, p), e.onRightClick && this.screenSpaceEventHandler && this.screenSpaceEventHandler.setInputAction((C) => {
-        C.position && e.onRightClick && e.onRightClick(o);
+      this.viewer.scene.primitives.add(d), this.viewer.scene.primitives.add(p), this.frustumPrimitives.push(d, p), e.onRightClick && this.screenSpaceEventHandler && this.screenSpaceEventHandler.setInputAction((C) => {
+        C.position && e.onRightClick && e.onRightClick(a);
       }, n.ScreenSpaceEventType.RIGHT_CLICK);
     } catch (t) {
       console.error("绘制视锥体时发生错误:", t), this.clearFrustum();
@@ -124,6 +157,10 @@ class m {
     ), this.screenSpaceEventHandler.setInputAction(
       (t) => {
         if (!this.isDrawing) return;
+        if (this._doubleClickPending) {
+          this._doubleClickPending = !1;
+          return;
+        }
         const i = this.pickGlobePosition(t.position);
         i && this.addPoint(i);
       },
@@ -145,7 +182,7 @@ class m {
       n.ScreenSpaceEventType.LEFT_DOUBLE_CLICK
     ), this.screenSpaceEventHandler.setInputAction(
       (t) => {
-        this.isDrawing && (this.finishDrawing(), this.viewer.cesiumWidget.screenSpaceEventHandler.setInputAction(
+        this.isDrawing && (this._doubleClickPending = !0, this.finishDrawing(), e && this.viewer.cesiumWidget.screenSpaceEventHandler.setInputAction(
           e,
           n.ScreenSpaceEventType.LEFT_DOUBLE_CLICK
         ));
@@ -161,9 +198,9 @@ class m {
   pickGlobePosition(e) {
     const t = this.viewer.camera.getPickRay(e);
     if (t) {
-      const r = this.scene.globe.pick(t, this.scene);
-      if (n.defined(r))
-        return r;
+      const s = this.scene.globe.pick(t, this.scene);
+      if (n.defined(s))
+        return s;
     }
     return this.viewer.camera.pickEllipsoid(
       e,
@@ -176,29 +213,56 @@ class m {
    */
   addPoint(e) {
     this.tempPositions.push(e.clone());
-    const t = this.entities.add({
-      position: e.clone(),
+    const t = n.Cartographic.fromCartesian(e), i = n.Cartesian3.fromRadians(
+      t.longitude,
+      t.latitude,
+      (t.height || 0) + (this.drawMode !== "line" ? 0 : this.offsetHeight)
+    ), s = this.entities.add({
+      position: i,
       point: {
-        pixelSize: 5,
+        pixelSize: 8,
         color: n.Color.RED,
         outlineColor: n.Color.WHITE,
-        outlineWidth: 2,
-        heightReference: n.HeightReference.CLAMP_TO_GROUND
+        outlineWidth: 3,
+        heightReference: n.HeightReference.RELATIVE_TO_GROUND,
+        scaleByDistance: new n.NearFarScalar(150, 1, 15e6, 0.5)
       }
     });
-    this.tempEntities.push(t), this.updateDrawingEntity();
+    this.tempEntities.push(s), this.updateDrawingEntity();
   }
   /**
    * 删除最后一个添加的点及其相关的临时实体
    */
   removeLastPoint() {
-    if (this.tempPositions.length > 0) {
-      this.tempPositions.pop();
-      const e = this.tempEntities.pop();
+    this.tempPositions.length > 0 && (this.tempPositions.pop(), this.tempEntities.forEach((e) => {
       e && this.entities.remove(e);
-      const t = this.tempEntities.pop();
-      t && this.entities.remove(t), this.updateDrawingEntity();
-    }
+    }), this.tempEntities = [], this.tempLabelEntities.forEach((e) => {
+      e && this.entities.remove(e);
+    }), this.tempLabelEntities = [], this.recreateRemainingEntities());
+  }
+  /**
+   * 重新创建剩余的点实体和绘制实体
+   * 用于右键删除点后的重建
+   */
+  recreateRemainingEntities() {
+    this.tempPositions.forEach((e) => {
+      const t = n.Cartographic.fromCartesian(e), i = n.Cartesian3.fromRadians(
+        t.longitude,
+        t.latitude,
+        (t.height || 0) + this.offsetHeight
+      ), s = this.entities.add({
+        position: i,
+        point: {
+          pixelSize: 8,
+          color: n.Color.RED,
+          outlineColor: n.Color.WHITE,
+          outlineWidth: 3,
+          heightReference: n.HeightReference.RELATIVE_TO_GROUND,
+          scaleByDistance: new n.NearFarScalar(150, 1, 15e6, 0.5)
+        }
+      });
+      this.tempEntities.push(s);
+    }), this.updateDrawingEntity();
   }
   /**
    * 更新预览线/面
@@ -212,79 +276,160 @@ class m {
    * @param previewPoint 可选的预览点，用于显示动态效果
    */
   updateDrawingEntity(e) {
-    this.tempEntities.forEach((r) => {
-      r && (r.polyline || r.polygon || r.label) && this.entities.remove(r);
-    }), this.tempEntities = [];
-    const t = [...this.tempPositions];
-    if (e && t.push(e), t.length < 2) return;
-    let i;
+    const t = [];
+    this.tempEntities.forEach((o) => {
+      o && (o.polyline || o.polygon || o.rectangle) && t.push(o);
+    }), t.forEach((o) => {
+      this.entities.remove(o);
+      const a = this.tempEntities.indexOf(o);
+      a > -1 && this.tempEntities.splice(a, 1);
+    }), this.tempLabelEntities.forEach((o) => {
+      o && this.entities.remove(o);
+    }), this.tempLabelEntities = [];
+    const i = [...this.tempPositions];
+    if (e && i.push(e), i.length < 2) return;
+    let s;
     if (this.drawMode === "line") {
-      i = this.entities.add({
-        polyline: {
-          positions: t,
-          width: 3,
-          material: n.Color.YELLOW,
-          clampToGround: !0
+      if (this.offsetHeight > 0) {
+        const o = i.map((a) => {
+          const r = n.Cartographic.fromCartesian(a);
+          return n.Cartesian3.fromRadians(
+            r.longitude,
+            r.latitude,
+            (r.height || 0) + this.offsetHeight
+          );
+        });
+        s = this.entities.add({
+          polyline: {
+            positions: o,
+            width: 5,
+            material: n.Color.YELLOW,
+            clampToGround: !1
+          }
+        });
+      } else
+        s = this.entities.add({
+          polyline: {
+            positions: i,
+            width: 5,
+            material: n.Color.YELLOW,
+            clampToGround: !0
+          }
+        });
+      this.tempEntities.push(s);
+      for (let o = 0; o < i.length - 1; o++) {
+        const a = i[o], r = i[o + 1], l = n.Cartesian3.distance(a, r);
+        if (l > 5) {
+          const c = n.Cartesian3.midpoint(
+            a,
+            r,
+            new n.Cartesian3()
+          ), h = o % 2 === 0 ? -25 : 25, d = this.entities.add({
+            position: c,
+            label: {
+              text: `${l.toFixed(2)} m`,
+              font: "16px Arial",
+              fillColor: n.Color.WHITE,
+              outlineColor: n.Color.BLACK,
+              outlineWidth: 3,
+              style: n.LabelStyle.FILL_AND_OUTLINE,
+              pixelOffset: new n.Cartesian2(0, h),
+              heightReference: this.offsetHeight > 0 ? n.HeightReference.RELATIVE_TO_GROUND : n.HeightReference.CLAMP_TO_GROUND,
+              scale: 1,
+              showBackground: !0,
+              backgroundColor: n.Color.BLACK.withAlpha(0.8),
+              backgroundPadding: new n.Cartesian2(6, 3)
+            }
+          });
+          this.tempLabelEntities.push(d);
+        }
+      }
+      if (i.length > 1) {
+        let o = 0;
+        for (let l = 1; l < i.length; l++)
+          o += n.Cartesian3.distance(
+            i[l - 1],
+            i[l]
+          );
+        let a = i[i.length - 1];
+        if (this.offsetHeight > 0) {
+          const l = n.Cartographic.fromCartesian(a);
+          a = n.Cartesian3.fromRadians(
+            l.longitude,
+            l.latitude,
+            (l.height || 0) + this.offsetHeight
+          );
         }
-      }), this.tempEntities.push(i);
-      for (let r = 0; r < t.length - 1; r++) {
-        const s = t[r], o = t[r + 1], a = n.Cartesian3.distance(s, o), l = n.Cartesian3.midpoint(s, o, new n.Cartesian3()), c = this.entities.add({
-          position: l,
+        const r = this.entities.add({
+          position: a,
           label: {
-            text: `${a.toFixed(2)} m`,
-            font: "12px sans-serif",
-            fillColor: n.Color.CYAN,
+            text: `总长: ${o.toFixed(2)} m`,
+            font: "18px Arial",
+            fillColor: n.Color.YELLOW,
             outlineColor: n.Color.BLACK,
-            outlineWidth: 1,
+            outlineWidth: 3,
             style: n.LabelStyle.FILL_AND_OUTLINE,
-            pixelOffset: new n.Cartesian2(0, -10),
-            heightReference: n.HeightReference.CLAMP_TO_GROUND
+            pixelOffset: new n.Cartesian2(0, 40),
+            heightReference: this.offsetHeight > 0 ? n.HeightReference.NONE : n.HeightReference.CLAMP_TO_GROUND,
+            scale: 1,
+            showBackground: !0,
+            backgroundColor: n.Color.BLACK.withAlpha(0.9),
+            backgroundPadding: new n.Cartesian2(8, 4)
           }
         });
-        this.tempEntities.push(c);
+        this.tempLabelEntities.push(r);
       }
-      if (t.length > 1) {
-        let r = 0;
-        for (let o = 1; o < t.length; o++)
-          r += n.Cartesian3.distance(t[o - 1], t[o]);
-        const s = this.entities.add({
-          position: t[t.length - 1],
-          label: {
-            text: `总长: ${r.toFixed(2)} m`,
-            font: "14px sans-serif",
-            fillColor: n.Color.WHITE,
-            outlineColor: n.Color.BLACK,
+    } else if (this.drawMode === "polygon")
+      if (this.offsetHeight > 0) {
+        const o = i.map((a) => {
+          const r = n.Cartographic.fromCartesian(a);
+          return n.Cartesian3.fromRadians(
+            r.longitude,
+            r.latitude,
+            (r.height || 0) + this.offsetHeight
+          );
+        });
+        s = this.entities.add({
+          polygon: {
+            hierarchy: new n.CallbackProperty(() => new n.PolygonHierarchy(o), !1),
+            material: n.Color.LIGHTGREEN.withAlpha(0.3),
+            // 淡绿色填充
+            outline: !0,
+            outlineColor: n.Color.GREEN,
+            outlineWidth: 2,
+            heightReference: n.HeightReference.NONE
+          }
+        });
+      } else
+        s = this.entities.add({
+          polygon: {
+            hierarchy: new n.CallbackProperty(() => new n.PolygonHierarchy(i), !1),
+            material: n.Color.LIGHTGREEN.withAlpha(0.3),
+            // 淡绿色填充
+            outline: !0,
+            outlineColor: n.Color.GREEN,
             outlineWidth: 2,
-            style: n.LabelStyle.FILL_AND_OUTLINE,
-            pixelOffset: new n.Cartesian2(0, 20),
             heightReference: n.HeightReference.CLAMP_TO_GROUND
           }
         });
-        this.tempEntities.push(s);
-      }
-    } else if (this.drawMode === "polygon")
-      i = this.entities.add({
-        polygon: {
-          hierarchy: new n.CallbackProperty(() => new n.PolygonHierarchy(t), !1),
-          material: n.Color.LIGHTGREEN.withAlpha(0.3),
-          // 淡绿色填充
-          outline: !0,
-          outlineColor: n.Color.GREEN,
-          outlineWidth: 2,
-          heightReference: n.HeightReference.CLAMP_TO_GROUND
+    else if (this.drawMode === "rectangle" && i.length >= 2) {
+      const o = this.calculateRectangle(i[0], i[1]);
+      this.offsetHeight > 0 ? s = this.entities.add({
+        rectangle: {
+          coordinates: o,
+          material: n.Color.GREEN.withAlpha(0.5),
+          heightReference: n.HeightReference.NONE,
+          extrudedHeight: this.offsetHeight
         }
-      });
-    else if (this.drawMode === "rectangle" && t.length >= 2) {
-      const r = this.calculateRectangle(t[0], t[1]);
-      i = this.entities.add({
+      }) : s = this.entities.add({
         rectangle: {
-          coordinates: r,
+          coordinates: o,
           material: n.Color.GREEN.withAlpha(0.5),
           heightReference: n.HeightReference.CLAMP_TO_GROUND
         }
       });
     }
-    i && this.tempEntities.push(i);
+    s && this.tempEntities.push(s);
   }
   /**
    * 完成当前绘制操作
@@ -296,68 +441,74 @@ class m {
     }
     let e = null;
     const t = this.tempPositions.map((i) => i.clone());
-    if (this.drawMode === "line") {
-      e = this.entities.add({
-        name: "绘制的线",
-        polyline: {
-          positions: t,
-          width: 3,
-          material: n.Color.YELLOW,
-          clampToGround: !0
-        }
-      });
-      for (let i = 0; i < t.length - 1; i++) {
-        const r = t[i], s = t[i + 1], o = n.Cartesian3.distance(r, s), a = n.Cartesian3.midpoint(r, s, new n.Cartesian3());
-        this.entities.add({
-          position: a,
-          label: {
-            text: `${o.toFixed(2)} m`,
-            font: "12px sans-serif",
-            fillColor: n.Color.CYAN,
-            outlineColor: n.Color.BLACK,
-            outlineWidth: 1,
-            style: n.LabelStyle.FILL_AND_OUTLINE,
-            pixelOffset: new n.Cartesian2(0, -10),
-            heightReference: n.HeightReference.CLAMP_TO_GROUND
+    if (this.drawMode === "line")
+      if (this.offsetHeight > 0) {
+        const i = t.map((s) => {
+          const o = n.Cartographic.fromCartesian(s);
+          return n.Cartesian3.fromRadians(
+            o.longitude,
+            o.latitude,
+            (o.height || 0) + this.offsetHeight
+          );
+        });
+        e = this.entities.add({
+          name: "绘制的线",
+          polyline: {
+            positions: i,
+            width: 5,
+            material: n.Color.YELLOW,
+            clampToGround: !1
           }
         });
-      }
-      if (t.length > 1) {
-        let i = 0;
-        for (let r = 1; r < t.length; r++)
-          i += n.Cartesian3.distance(t[r - 1], t[r]);
-        this.entities.add({
-          position: t[t.length - 1],
-          label: {
-            text: `总长: ${i.toFixed(2)} m`,
-            font: "14px sans-serif",
-            fillColor: n.Color.WHITE,
-            outlineColor: n.Color.BLACK,
+      } else
+        e = this.entities.add({
+          name: "绘制的线",
+          polyline: {
+            positions: t,
+            width: 5,
+            material: n.Color.YELLOW,
+            clampToGround: !0
+          }
+        });
+    else if (this.drawMode === "polygon") {
+      if (this.offsetHeight > 0) {
+        const s = t.map((o) => {
+          const a = n.Cartographic.fromCartesian(o);
+          return n.Cartesian3.fromRadians(
+            a.longitude,
+            a.latitude,
+            (a.height || 0) + this.offsetHeight
+          );
+        });
+        e = this.entities.add({
+          name: "绘制的多边形区域",
+          polygon: {
+            hierarchy: new n.PolygonHierarchy(s),
+            material: n.Color.LIGHTGREEN.withAlpha(0.3),
+            // 淡绿色填充
+            outline: !0,
+            outlineColor: n.Color.GREEN,
+            outlineWidth: 2,
+            heightReference: n.HeightReference.NONE
+          }
+        });
+      } else
+        e = this.entities.add({
+          name: "绘制的多边形区域",
+          polygon: {
+            hierarchy: new n.PolygonHierarchy(t),
+            material: n.Color.LIGHTGREEN.withAlpha(0.3),
+            // 淡绿色填充
+            outline: !0,
+            outlineColor: n.Color.GREEN,
             outlineWidth: 2,
-            style: n.LabelStyle.FILL_AND_OUTLINE,
-            pixelOffset: new n.Cartesian2(0, 20),
             heightReference: n.HeightReference.CLAMP_TO_GROUND
           }
         });
-      }
-    } else if (this.drawMode === "polygon") {
-      e = this.entities.add({
-        name: "绘制的多边形区域",
-        polygon: {
-          hierarchy: new n.PolygonHierarchy(t),
-          material: n.Color.LIGHTGREEN.withAlpha(0.3),
-          // 淡绿色填充
-          outline: !0,
-          outlineColor: n.Color.GREEN,
-          outlineWidth: 2,
-          heightReference: n.HeightReference.CLAMP_TO_GROUND
-        }
-      });
       const i = this.calculatePolygonArea(t);
       if (i > 0) {
-        const r = this.calculatePolygonCenter(t);
-        this.entities.add({
-          position: r,
+        const s = this.calculatePolygonCenter(t), o = this.entities.add({
+          position: s,
           label: {
             text: `面积: ${i.toFixed(2)} km²`,
             font: "14px sans-serif",
@@ -369,10 +520,19 @@ class m {
             heightReference: n.HeightReference.CLAMP_TO_GROUND
           }
         });
+        this.finishedLabelEntities.push(o);
       }
     } else if (this.drawMode === "rectangle" && t.length >= 2) {
       const i = this.calculateRectangle(t[0], t[1]);
-      e = this.entities.add({
+      this.offsetHeight > 0 ? e = this.entities.add({
+        name: "绘制的矩形",
+        rectangle: {
+          coordinates: i,
+          material: n.Color.GREEN.withAlpha(0.5),
+          heightReference: n.HeightReference.NONE,
+          extrudedHeight: this.offsetHeight
+        }
+      }) : e = this.entities.add({
         name: "绘制的矩形",
         rectangle: {
           coordinates: i,
@@ -380,16 +540,15 @@ class m {
           heightReference: n.HeightReference.CLAMP_TO_GROUND
         }
       });
-      const r = this.calculateRectangleArea(i);
-      if (r > 0) {
-        const s = n.Rectangle.center(i);
-        this.entities.add({
+      const s = this.calculateRectangleArea(i);
+      if (s > 0) {
+        const o = n.Rectangle.center(i), a = this.entities.add({
           position: n.Cartesian3.fromRadians(
-            s.longitude,
-            s.latitude
+            o.longitude,
+            o.latitude
           ),
           label: {
-            text: `面积: ${r.toFixed(2)} km²`,
+            text: `面积: ${s.toFixed(2)} km²`,
             font: "14px sans-serif",
             fillColor: n.Color.WHITE,
             outlineColor: n.Color.BLACK,
@@ -399,9 +558,14 @@ class m {
             heightReference: n.HeightReference.CLAMP_TO_GROUND
           }
         });
+        this.finishedLabelEntities.push(a);
       }
     }
-    e && this.finishedEntities.push(e), this.endDrawingInternal(!0), this.onDrawEndCallback && this.onDrawEndCallback(e);
+    e && this.finishedEntities.push(e), this.tempLabelEntities.forEach((i) => {
+      this.finishedLabelEntities.push(i);
+    }), this.tempLabelEntities = [], this.tempEntities.forEach((i) => {
+      i && i.point ? this.finishedPointEntities.push(i) : this.entities.remove(i);
+    }), this.tempEntities = [], this.tempPositions = [], this.drawMode = null, this.isDrawing = !1, this.deactivateDrawingHandlers(), this.onDrawEndCallback && this.onDrawEndCallback(e);
   }
   /**
    * 内部方法：重置绘图状态和清理临时数据
@@ -410,7 +574,9 @@ class m {
   endDrawingInternal(e) {
     this.tempEntities.forEach((t) => {
       this.entities.remove(t);
-    }), this.tempEntities = [], this.tempPositions = [], e && (this.drawMode = null, this.isDrawing = !1, this.deactivateDrawingHandlers());
+    }), this.tempEntities = [], this.tempPositions = [], this.tempLabelEntities.forEach((t) => {
+      this.entities.remove(t);
+    }), this.tempLabelEntities = [], e && (this.drawMode = null, this.isDrawing = !1, this.deactivateDrawingHandlers());
   }
   /**
    * 公共方法：结束当前绘制（如果正在进行）
@@ -428,9 +594,40 @@ class m {
    * 清除所有已绘制的实体
    */
   clearAll() {
-    this.endDrawing(), this.finishedEntities.forEach((e) => {
+    this.endDrawing(), this.clearAllPoints(), this.finishedEntities.forEach((e) => {
       this.entities.remove(e);
-    }), this.finishedEntities = [];
+    }), this.finishedEntities = [], this.finishedLabelEntities.forEach((e) => {
+      e && this.entities.remove(e);
+    }), this.finishedLabelEntities = [], this.publicEntities.forEach((e) => {
+      e && this.entities.remove(e);
+    }), this.publicEntities = [], this.tempEntities.forEach((e) => {
+      e && this.entities.remove(e);
+    }), this.tempEntities = [], this.tempLabelEntities.forEach((e) => {
+      e && e.label && this.entities.remove(e);
+    }), this.tempLabelEntities = [], this.tempPositions = [];
+  }
+  /**
+   * 清除所有实体（包括未跟踪的实体）
+   * 这是一个更彻底的清理方法，会清除场景中的所有实体
+   */
+  clearAllEntities() {
+    this.endDrawing(), this.entities.removeAll(), this.finishedEntities = [], this.finishedLabelEntities = [], this.finishedPointEntities = [], this.publicEntities = [], this.tempEntities = [], this.tempLabelEntities = [], this.tempPositions = [];
+  }
+  /**
+   * 强制清除所有点实体
+   * 用于解决点实体无法删除的问题
+   */
+  clearAllPoints() {
+    this.finishedPointEntities.forEach((t) => {
+      t && this.entities.remove(t);
+    }), this.finishedPointEntities = [], this.tempEntities.forEach((t) => {
+      t && t.point && this.entities.remove(t);
+    });
+    const e = this.entities.values;
+    for (let t = e.length - 1; t >= 0; t--) {
+      const i = e[t];
+      i && i.point && this.entities.remove(i);
+    }
   }
   /**
    * 删除一个指定的已完成实体
@@ -449,39 +646,39 @@ class m {
   }
   // --- 辅助计算函数 ---
   calculateRectangle(e, t) {
-    const i = n.Cartographic.fromCartesian(e), r = n.Cartographic.fromCartesian(t), s = Math.min(i.longitude, r.longitude), o = Math.max(i.longitude, r.longitude), a = Math.min(i.latitude, r.latitude), l = Math.max(i.latitude, r.latitude);
-    return new n.Rectangle(s, a, o, l);
+    const i = n.Cartographic.fromCartesian(e), s = n.Cartographic.fromCartesian(t), o = Math.min(i.longitude, s.longitude), a = Math.max(i.longitude, s.longitude), r = Math.min(i.latitude, s.latitude), l = Math.max(i.latitude, s.latitude);
+    return new n.Rectangle(o, r, a, l);
   }
   calculateRectangleArea(e) {
-    const t = e.west, i = e.south, r = e.east, s = e.north, o = n.Cartesian3.distance(
+    const t = e.west, i = e.south, s = e.east, o = e.north, a = n.Cartesian3.distance(
       n.Cartesian3.fromRadians(t, i),
-      n.Cartesian3.fromRadians(r, i)
-    ), a = n.Cartesian3.distance(
+      n.Cartesian3.fromRadians(s, i)
+    ), r = n.Cartesian3.distance(
       n.Cartesian3.fromRadians(t, i),
-      n.Cartesian3.fromRadians(t, s)
+      n.Cartesian3.fromRadians(t, o)
     );
-    return o * a / 1e6;
+    return a * r / 1e6;
   }
   calculatePolygonArea(e) {
     if (e.length < 3) return 0;
     const t = this.scene.globe.ellipsoid;
     let i = 0;
-    const r = e.length;
-    for (let s = 0; s < r; s++) {
-      const o = t.cartesianToCartographic(e[s]), a = t.cartesianToCartographic(e[(s + 1) % r]);
-      i += (a.longitude - o.longitude) * (2 + Math.sin(o.latitude) + Math.sin(a.latitude));
+    const s = e.length;
+    for (let o = 0; o < s; o++) {
+      const a = t.cartesianToCartographic(e[o]), r = t.cartesianToCartographic(e[(o + 1) % s]);
+      i += (r.longitude - a.longitude) * (2 + Math.sin(a.latitude) + Math.sin(r.latitude));
     }
     return i = Math.abs(i * 6378137 * 6378137 / 2), i / 1e6;
   }
   calculatePolygonCenter(e) {
     if (e.length === 0) return n.Cartesian3.ZERO;
-    let t = 0, i = 0, r = 0;
-    for (let s = 0; s < e.length; s++)
-      t += e[s].x, i += e[s].y, r += e[s].z;
+    let t = 0, i = 0, s = 0;
+    for (let o = 0; o < e.length; o++)
+      t += e[o].x, i += e[o].y, s += e[o].z;
     return new n.Cartesian3(
       t / e.length,
       i / e.length,
-      r / e.length
+      s / e.length
     );
   }
   // --- 回调注册 ---
@@ -514,21 +711,21 @@ class m {
    * @param radius 监控范围半径（米）
    * @param options 可选配置
    */
-  drawMonitoringCircle(e, t, i, r, s) {
-    const o = s?.borderColor || "#0062FF", a = s?.fillColor || "#0062FF", l = s?.borderWidth || 2, c = s?.name || "监控区域";
-    return this.entities.add({
+  drawMonitoringCircle(e, t, i, s, o) {
+    const a = o?.borderColor || "#0062FF", r = o?.fillColor || "#0062FF", l = o?.borderWidth || 2, c = o?.name || "监控区域", h = this.entities.add({
       name: c,
       position: n.Cartesian3.fromDegrees(e, t, i),
       ellipse: {
-        semiMajorAxis: r,
-        semiMinorAxis: r,
-        material: n.Color.fromCssColorString(a).withAlpha(0.27),
+        semiMajorAxis: s,
+        semiMinorAxis: s,
+        material: n.Color.fromCssColorString(r).withAlpha(0.27),
         outline: !0,
-        outlineColor: n.Color.fromCssColorString(o),
+        outlineColor: n.Color.fromCssColorString(a),
         outlineWidth: l,
         heightReference: n.HeightReference.CLAMP_TO_GROUND
       }
     });
+    return this.publicEntities.push(h), h;
   }
   /**
    * 绘制垂直线条
@@ -537,21 +734,29 @@ class m {
    * @param height 高度
    * @param options 可选配置
    */
-  drawVerticalLine(e, t, i, r) {
-    const s = r?.color || "#0062FF", o = r?.width || 2;
-    r?.dashPattern;
-    const a = r?.name || "垂直线条", l = r?.groundHeight || 0, c = n.Cartesian3.fromDegrees(e, t, l), d = n.Cartesian3.fromDegrees(e, t, i);
-    return this.entities.add({
-      name: a,
+  drawVerticalLine(e, t, i, s) {
+    const o = s?.color || "#0062FF", a = s?.width || 2;
+    s?.dashPattern;
+    const r = s?.name || "垂直线条", l = s?.groundHeight || 0, c = n.Cartesian3.fromDegrees(
+      e,
+      t,
+      l
+    ), h = n.Cartesian3.fromDegrees(
+      e,
+      t,
+      i
+    ), d = this.entities.add({
+      name: r,
       polyline: {
-        positions: [c, d],
-        width: o,
+        positions: [c, h],
+        width: a,
         material: new n.PolylineDashMaterialProperty({
-          color: n.Color.fromCssColorString(s)
+          color: n.Color.fromCssColorString(o)
         }),
         clampToGround: !1
       }
     });
+    return this.publicEntities.push(d), d;
   }
   /**
    * 销毁工具，清理所有事件监听器
@@ -624,7 +829,7 @@ class v {
       })
     }
   ];
-  constructor(e, t, i = {}, r, s) {
+  constructor(e, t, i = {}, s, o) {
     this.viewer = e, this.container = t, this.config = {
       position: "bottom-right",
       buttonSize: 40,
@@ -635,7 +840,7 @@ class v {
       boxShadow: "0 2px 10px rgba(0, 0, 0, 0.1)",
       zIndex: 1e3,
       ...i
-    }, this.searchCallback = r?.search, this.measurementCallback = r?.measurement, this.zoomCallback = r?.zoom, this.initialCenter = s, this.drawHelper = new m(e), this.setupDrawHelperCallbacks(), this.createToolbar();
+    }, this.searchCallback = s?.search, this.measurementCallback = s?.measurement, this.zoomCallback = s?.zoom, this.initialCenter = o, this.drawHelper = new m(e), this.setupDrawHelperCallbacks(), this.createToolbar();
   }
   /**
    * 设置初始中心点
@@ -660,7 +865,7 @@ class v {
    */
   updateButtonConfig(e, t) {
     const i = this.toolbarElement.querySelector(`[data-tool="${e}"]`);
-    i && (t.title && (i.title = t.title), t.icon && this.setButtonIcon(i, t.icon), t.size && (i.style.width = `${t.size}px`, i.style.height = `${t.size}px`), t.color && (i.style.background = t.color));
+    i && (t.title && (i.title = t.title), t.icon && this.setButtonIcon(i, t.icon), t.size && (i.style.width = `${t.size}px`, i.style.height = `${t.size}px`), t.color && (i.style.color = t.color), t.backgroundColor && (i.style.background = t.backgroundColor), t.borderColor && (i.style.borderColor = t.borderColor), t.borderWidth && (i.style.borderWidth = t.borderWidth + "px"), t.borderStyle && (i.style.borderStyle = t.borderStyle), t.padding && (i.style.padding = t.padding), t.activeIcon && this.setButtonIcon(i, t.activeIcon));
   }
   /**
    * 添加自定义按钮
@@ -673,7 +878,8 @@ class v {
       size: e.size,
       color: e.color,
       hoverColor: e.hoverColor,
-      activeColor: e.activeColor
+      activeColor: e.activeColor,
+      backgroundColor: e.backgroundColor
     }, i = this.createButton(t);
     this.toolbarElement.appendChild(i), this.config.buttons || (this.config.buttons = []), this.config.buttons.push(e);
   }
@@ -702,8 +908,8 @@ class v {
           const t = e.polyline.positions?.getValue(n.JulianDate.now());
           if (t && this.measurementCallback?.onDistanceComplete) {
             let i = 0;
-            for (let r = 1; r < t.length; r++)
-              i += n.Cartesian3.distance(t[r - 1], t[r]);
+            for (let s = 1; s < t.length; s++)
+              i += n.Cartesian3.distance(t[s - 1], t[s]);
             this.measurementCallback.onDistanceComplete(t, i);
           }
         } else if (e.polygon) {
@@ -725,10 +931,10 @@ class v {
     if (e.length < 3) return 0;
     const t = this.viewer.scene.globe.ellipsoid;
     let i = 0;
-    const r = e.length;
-    for (let s = 0; s < r; s++) {
-      const o = t.cartesianToCartographic(e[s]), a = t.cartesianToCartographic(e[(s + 1) % r]);
-      i += (a.longitude - o.longitude) * (2 + Math.sin(o.latitude) + Math.sin(a.latitude));
+    const s = e.length;
+    for (let o = 0; o < s; o++) {
+      const a = t.cartesianToCartographic(e[o]), r = t.cartesianToCartographic(e[(o + 1) % s]);
+      i += (r.longitude - a.longitude) * (2 + Math.sin(a.latitude) + Math.sin(r.latitude));
     }
     return i = Math.abs(i * 6378137 * 6378137 / 2), i / 1e6;
   }
@@ -767,16 +973,21 @@ class v {
       { id: "zoom-in", icon: "🔍+", title: "放大" },
       { id: "zoom-out", icon: "🔍-", title: "缩小" },
       { id: "fullscreen", icon: "⛶", title: "全屏" }
-    ];
-    return this.config.buttons && this.config.buttons.length > 0 ? this.config.buttons.map((t) => ({
-      id: t.id,
-      icon: typeof t.icon == "string" ? t.icon : "",
-      title: t.title,
-      size: t.size,
-      color: t.color,
-      hoverColor: t.hoverColor,
-      activeColor: t.activeColor
-    })) : e;
+    ], t = (i) => e.find((s) => s.id === i);
+    return this.config.buttons && this.config.buttons.length > 0 ? this.config.buttons.map((i) => {
+      const s = t(i.id);
+      return {
+        id: i.id || s?.id || "",
+        icon: typeof i.icon == "string" ? i.icon : s?.icon || "",
+        title: i.title || s?.title || "",
+        size: typeof i.size == "number" ? i.size : typeof s?.size == "number" ? s.size : void 0,
+        backgroundColor: i.backgroundColor || s?.backgroundColor || "",
+        borderColor: i.borderColor || s?.borderColor || "",
+        borderWidth: i.borderWidth || s?.borderWidth || 1,
+        borderStyle: i.borderStyle || s?.borderStyle || "solid",
+        color: i.color || s?.color || "rgba(66, 133, 244, 0.4)"
+      };
+    }) : e;
   }
   /**
    * 创建按钮
@@ -784,48 +995,86 @@ class v {
   createButton(e) {
     const t = document.createElement("div");
     t.className = "cesium-toolbar-button", t.setAttribute("data-tool", e.id), t.title = e.title;
-    const i = e.size || this.config.buttonSize, r = e.color || "rgba(66, 133, 244, 0.4)", s = e.hoverColor || "rgba(51, 103, 214, 0.9)";
+    const i = e.size || this.config.buttonSize, s = e.color || "rgba(66, 133, 244, 0.4)", o = e.backgroundColor || "rgba(66, 133, 244, 0.4)", a = e.borderColor || "rgba(66, 133, 244, 0.4)", r = e.borderWidth || 1, l = e.borderStyle || "solid";
     return t.style.cssText = `
       width: ${i}px;
       height: ${i}px;
       display: flex;
       align-items: center;
       justify-content: center;
-      background: ${r};
-      color: white;
-      border: none;
-      border-radius: 4px;
+      background: ${o};
+      color: ${s};
+      border-width: ${r}px;
+      border-style: ${l};
+      border-color: ${a};
       cursor: pointer;
-      font-size: 14px;
       font-weight: bold;
       transition: all 0.2s ease;
       user-select: none;
       position: relative;
     `, this.setButtonIcon(t, e.icon), t.addEventListener("mouseenter", () => {
-      t.style.background = s, t.style.transform = "scale(1.05)";
+      t.style.transform = "scale(1.05)";
     }), t.addEventListener("mouseleave", () => {
-      t.style.background = r, t.style.transform = "scale(1)";
+      t.style.transform = "scale(1)";
     }), this.setupButtonEvents(t, e), t;
   }
   /**
    * 设置按钮图标
    */
   setButtonIcon(e, t) {
-    typeof t == "string" ? e.innerHTML = t : t instanceof HTMLElement && (e.innerHTML = "", e.appendChild(t));
+    t instanceof HTMLElement ? (e.innerHTML = "", e.appendChild(t)) : typeof t == "string" && (this.isImagePath(t) ? this.loadImageIcon(e, t) : e.innerHTML = t);
+  }
+  /**
+   * 判断是否为图片路径
+   */
+  isImagePath(e) {
+    return /\.(jpg|jpeg|png|gif|bmp|webp|svg|ico)$/i.test(e);
+  }
+  /**
+   * 加载图片图标
+   */
+  loadImageIcon(e, t) {
+    const i = new Image(), s = e.getBoundingClientRect(), o = window.getComputedStyle(e), a = s.width || parseInt(o.width) || 36, r = s.height || parseInt(o.height) || 36, l = Math.min(a, r) * 0.6, c = Math.min(a, r) * 0.6;
+    i.width = l, i.height = c, i.onload = () => {
+      e.appendChild(i);
+    }, i.onerror = () => {
+      console.warn(`Failed to load icon: ${t}`), this.setDefaultIcon(e, t);
+    }, i.src = t;
+  }
+  /**
+   * 设置默认图标（当图片加载失败时）
+   */
+  setDefaultIcon(e, t) {
+    const i = t.split("/").pop()?.split(".")[0] || "icon";
+    e.style.backgroundImage = "none", e.style.backgroundColor = "#ccc", e.style.position = "relative";
+    const s = document.createElement("div");
+    s.style.cssText = `
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      font-size: 12px;
+      color: #666;
+      font-weight: bold;
+      text-align: center;
+      line-height: 1;
+    `, s.textContent = i.charAt(0).toUpperCase(), e.innerHTML = "", e.appendChild(s);
   }
   /**
    * 设置按钮事件
    */
   setupButtonEvents(e, t) {
-    const i = this.config.buttons?.find((r) => r.id === t.id);
-    i?.onClick ? e.addEventListener("click", (r) => {
-      r.stopPropagation(), i.onClick(t.id, e);
-    }) : ["search", "measure", "layers"].includes(t.id) ? (e.addEventListener("mouseenter", () => {
+    const i = this.config.buttons?.find((s) => s.id === t.id);
+    i?.onClick ? e.addEventListener("click", (s) => {
+      s.stopPropagation(), i.onClick(t.id, e);
+    }) : ["search", "measure", "layers"].includes(t.id) ? t.id === "search" ? e.addEventListener("click", (s) => {
+      s.stopPropagation(), this.handleButtonClick(t.id, e);
+    }) : (e.addEventListener("mouseenter", () => {
       this.handleButtonClick(t.id, e);
     }), e.addEventListener("mouseleave", () => {
       this.closeMenuOnButtonLeave(t.id);
-    })) : e.addEventListener("click", (r) => {
-      r.stopPropagation(), this.handleButtonClick(t.id, e);
+    })) : e.addEventListener("click", (s) => {
+      s.stopPropagation(), this.handleButtonClick(t.id, e);
     });
   }
   /**
@@ -834,17 +1083,13 @@ class v {
   closeMenuOnButtonLeave(e) {
     setTimeout(() => {
       switch (e) {
-        case "search":
-          const t = this.toolbarElement.querySelector(".search-container");
-          t && !t.matches(":hover") && t.remove();
-          break;
         case "measure":
-          const i = this.toolbarElement.querySelector(".measurement-menu");
-          i && !i.matches(":hover") && i.remove();
+          const t = this.toolbarElement.querySelector(".measurement-menu");
+          t && !t.matches(":hover") && t.remove();
           break;
         case "layers":
-          const r = this.toolbarElement.querySelector(".layers-menu");
-          r && !r.matches(":hover") && r.remove();
+          const i = this.toolbarElement.querySelector(".layers-menu");
+          i && !i.matches(":hover") && i.remove();
           break;
       }
     }, 100);
@@ -884,8 +1129,11 @@ class v {
    * 切换搜索功能
    */
   toggleSearch(e) {
-    if (this.toolbarElement.querySelector(".search-container"))
+    const t = this.toolbarElement.querySelector(".search-container");
+    if (t) {
+      t.remove();
       return;
+    }
     const i = document.createElement("div");
     i.className = "search-container", i.style.cssText = `
       position: absolute;
@@ -900,48 +1148,52 @@ class v {
       min-width: 200px;
       z-index: 1001;
     `;
-    const r = document.createElement("input");
-    r.type = "text", r.placeholder = "请输入地址", r.style.cssText = `
+    const s = document.createElement("input");
+    s.type = "text", s.placeholder = "请输入地址", s.style.cssText = `
       padding: 6px 8px;
       border: 1px solid #ddd;
       border-radius: 3px;
       font-size: 14px;
       outline: none;
     `;
-    const s = document.createElement("div");
-    s.className = "search-results", s.style.cssText = `
+    const o = document.createElement("div");
+    o.className = "search-results", o.style.cssText = `
       margin-top: 8px;
       max-height: 200px;
       overflow-y: auto;
-    `, i.appendChild(r), i.appendChild(s), this.toolbarElement.insertBefore(i, e);
-    let o;
-    r.addEventListener("input", () => {
-      clearTimeout(o);
-      const l = r.value.trim();
+    `, i.appendChild(s), i.appendChild(o), this.toolbarElement.insertBefore(i, e);
+    let a;
+    s.addEventListener("input", () => {
+      clearTimeout(a);
+      const c = s.value.trim();
       if (this.searchCallback?.onSearchInput) {
-        this.searchCallback.onSearchInput(l, s);
+        this.searchCallback.onSearchInput(c, o);
         return;
       }
-      if (l.length < 2) {
-        s.innerHTML = "";
+      if (c.length < 2) {
+        o.innerHTML = "";
         return;
       }
-      o = setTimeout(async () => {
+      a = setTimeout(async () => {
         if (this.searchCallback?.onSearch)
           try {
-            const c = await this.searchCallback.onSearch(l);
-            this.displaySearchResults(c, s);
-          } catch (c) {
-            console.error("搜索失败:", c), s.innerHTML = '<div style="padding: 8px; color: #666;">搜索失败</div>';
+            const h = await this.searchCallback.onSearch(c);
+            this.displaySearchResults(h, o);
+          } catch (h) {
+            console.error("搜索失败:", h), o.innerHTML = '<div style="padding: 8px; color: #666;">搜索失败</div>';
           }
         else
-          this.performDefaultSearch(l, s);
+          this.performDefaultSearch(c, o);
       }, 300);
     });
-    const a = () => {
-      i.remove();
+    const r = (c) => {
+      !i.contains(c.target) && !e.contains(c.target) && (i.remove(), document.removeEventListener("click", r), document.removeEventListener("keydown", l));
+    }, l = (c) => {
+      c.key === "Escape" && (i.remove(), document.removeEventListener("click", r), document.removeEventListener("keydown", l));
     };
-    i.addEventListener("mouseleave", a);
+    setTimeout(() => {
+      document.addEventListener("click", r), document.addEventListener("keydown", l), s.focus();
+    }, 100);
   }
   /**
    * 显示搜索结果
@@ -956,22 +1208,22 @@ class v {
       return;
     }
     e.forEach((i) => {
-      const r = document.createElement("div");
-      r.style.cssText = `
+      const s = document.createElement("div");
+      s.style.cssText = `
         padding: 8px;
         border-bottom: 1px solid #f0f0f0;
         cursor: pointer;
         transition: background-color 0.2s;
-      `, r.innerHTML = `
+      `, s.innerHTML = `
         <div style="font-weight: bold; margin-bottom: 2px;">${i.name}</div>
         <div style="font-size: 12px; color: #666;">${i.address}</div>
-      `, r.addEventListener("mouseenter", () => {
-        r.style.backgroundColor = "#f5f5f5";
-      }), r.addEventListener("mouseleave", () => {
-        r.style.backgroundColor = "transparent";
-      }), r.addEventListener("click", () => {
+      `, s.addEventListener("mouseenter", () => {
+        s.style.backgroundColor = "#f5f5f5";
+      }), s.addEventListener("mouseleave", () => {
+        s.style.backgroundColor = "transparent";
+      }), s.addEventListener("click", () => {
         this.selectSearchResult(i), t.parentElement?.remove();
-      }), t.appendChild(r);
+      }), t.appendChild(s);
     });
   }
   /**
@@ -1039,27 +1291,27 @@ class v {
       { id: "measure-area", text: "测面积", icon: "📐" },
       { id: "measure-distance", text: "测距", icon: "📏" },
       { id: "clear-measurement", text: "清除", icon: "🗑️" }
-    ].forEach((o) => {
-      const a = document.createElement("div");
-      a.style.cssText = `
+    ].forEach((a) => {
+      const r = document.createElement("div");
+      r.style.cssText = `
         padding: 8px 12px;
         cursor: pointer;
         display: flex;
         align-items: center;
         gap: 8px;
         transition: background-color 0.2s;
-      `, a.innerHTML = `${o.icon} ${o.text}`, a.addEventListener("mouseenter", () => {
-        a.style.backgroundColor = "#f5f5f5";
-      }), a.addEventListener("mouseleave", () => {
-        a.style.backgroundColor = "transparent";
-      }), a.addEventListener("click", () => {
-        this.handleMeasurementAction(o.id), i.remove();
-      }), i.appendChild(a);
+      `, r.innerHTML = `${a.icon} ${a.text}`, r.addEventListener("mouseenter", () => {
+        r.style.backgroundColor = "#f5f5f5";
+      }), r.addEventListener("mouseleave", () => {
+        r.style.backgroundColor = "transparent";
+      }), r.addEventListener("click", () => {
+        this.handleMeasurementAction(a.id), i.remove();
+      }), i.appendChild(r);
     }), this.toolbarElement.insertBefore(i, e);
-    const s = () => {
+    const o = () => {
       i.remove();
     };
-    i.addEventListener("mouseleave", s);
+    i.addEventListener("mouseleave", o);
   }
   /**
    * 处理测量操作
@@ -1107,14 +1359,14 @@ class v {
       display: flex;
       flex-direction: column;
     `;
-    const r = document.createElement("div");
-    r.style.cssText = `
+    const s = document.createElement("div");
+    s.style.cssText = `
       display: flex;
       flex-direction: column;
       gap: 4px;
-    `, r.innerHTML = '<div style="font-weight: bold; margin-bottom: 8px; color: #333; font-size: 14px;">地图类型</div>', this.mapTypes.forEach((o) => {
-      const a = document.createElement("div");
-      a.style.cssText = `
+    `, s.innerHTML = '<div style="font-weight: bold; margin-bottom: 8px; color: #333; font-size: 14px;">地图类型</div>', this.mapTypes.forEach((a) => {
+      const r = document.createElement("div");
+      r.style.cssText = `
         display: flex;
         align-items: center;
         gap: 8px;
@@ -1124,39 +1376,39 @@ class v {
         transition: background-color 0.2s;
         width: 100%;
         box-sizing: border-box;
-        ${o.id === this.currentMapType ? "background-color: #e3f2fd;" : ""}
+        ${a.id === this.currentMapType ? "background-color: #e3f2fd;" : ""}
       `;
       const l = document.createElement("img");
-      l.src = o.thumbnail, l.style.cssText = `
+      l.src = a.thumbnail, l.style.cssText = `
         width: 24px; 
         height: 24px; 
         border-radius: 3px;
         flex-shrink: 0;
       `;
       const c = document.createElement("span");
-      c.textContent = o.name, c.style.cssText = `
+      c.textContent = a.name, c.style.cssText = `
         font-size: 14px;
         color: #333;
         flex: 1;
       `;
-      const d = document.createElement("span");
-      o.id === this.currentMapType && (d.textContent = "✓", d.style.cssText = `
+      const h = document.createElement("span");
+      a.id === this.currentMapType && (h.textContent = "✓", h.style.cssText = `
           color: #1976d2; 
           font-weight: bold; 
           font-size: 16px;
           flex-shrink: 0;
-        `), a.appendChild(l), a.appendChild(c), a.appendChild(d), a.addEventListener("mouseenter", () => {
-        o.id !== this.currentMapType && (a.style.backgroundColor = "#f5f5f5");
-      }), a.addEventListener("mouseleave", () => {
-        o.id !== this.currentMapType && (a.style.backgroundColor = "transparent");
-      }), a.addEventListener("click", () => {
-        this.switchMapType(o.id), i.remove();
-      }), r.appendChild(a);
-    }), i.appendChild(r), this.toolbarElement.insertBefore(i, e);
-    const s = () => {
+        `), r.appendChild(l), r.appendChild(c), r.appendChild(h), r.addEventListener("mouseenter", () => {
+        a.id !== this.currentMapType && (r.style.backgroundColor = "#f5f5f5");
+      }), r.addEventListener("mouseleave", () => {
+        a.id !== this.currentMapType && (r.style.backgroundColor = "transparent");
+      }), r.addEventListener("click", () => {
+        this.switchMapType(a.id), i.remove();
+      }), s.appendChild(r);
+    }), i.appendChild(s), this.toolbarElement.insertBefore(i, e);
+    const o = () => {
       i.remove();
     };
-    i.addEventListener("mouseleave", s);
+    i.addEventListener("mouseleave", o);
   }
   /**
    * 切换地图类型
@@ -1230,7 +1482,7 @@ class v {
     this.toolbarElement && this.toolbarElement.parentNode && this.toolbarElement.parentNode.removeChild(this.toolbarElement), this.drawHelper.destroy();
   }
 }
-function x() {
+function y() {
   return new n.UrlTemplateImageryProvider({
     url: "https://webst0{s}.is.autonavi.com/appmaptile?style=7&x={x}&y={y}&z={z}",
     subdomains: ["1", "2", "3", "4"],
@@ -1240,15 +1492,15 @@ function x() {
     credit: "© 高德地图"
   });
 }
-async function y(h, e, t = { longitude: 120.2052342, latitude: 30.2489634, height: 1e3, pitch: -60, heading: 0 }) {
+async function x(u, e, t = { longitude: 120.2052342, latitude: 30.2489634, height: 1e3, pitch: -60, heading: 0 }) {
   E.defaultAccessToken = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI3M2M3NWU1Ni0xZmJkLTRkNjAtOTk4NC0wZDZhNWFiOWJlZDEiLCJpZCI6MzMxNTg1LCJpYXQiOjE3NTUyMjQ2MzB9.WBUG7ctHKtOrnay1ng8JNfaNgngbkNgOmRXP59OJ7ME";
-  const i = new b(h, {
+  const i = new b(u, {
     timeline: !1,
     animation: !1,
     baseLayerPicker: !1,
     ...e
   });
-  return !e.terrainProvider && !e.terrain && (i.terrainProvider = await w()), e.mapType === "gaode" && (i.imageryLayers.removeAll(), i.imageryLayers.addImageryProvider(x())), t && i.camera.flyTo({
+  return !e.terrainProvider && !e.terrain && (i.terrainProvider = await w()), e.mapType === "gaode" && (i.imageryLayers.removeAll(), i.imageryLayers.addImageryProvider(y())), t && i.camera.flyTo({
     destination: n.Cartesian3.fromDegrees(t.longitude, t.latitude, t.height),
     // 中国中心坐标
     orientation: {
@@ -1262,12 +1514,12 @@ async function y(h, e, t = { longitude: 120.2052342, latitude: 30.2489634, heigh
 const L = {
   CesiumMapToolbar: v,
   DrawHelper: m,
-  initCesium: y
+  initCesium: x
 };
 export {
   v as CesiumMapToolbar,
   m as DrawHelper,
   L as default,
-  y as initCesium
+  x as initCesium
 };
 //# sourceMappingURL=index.es.js.map