@xingm/vmap-cesium-toolbar 0.0.2-alpha.7 → 0.0.2-alpha.9

package/dist/libs/CesiumHeatmapLayer.d.ts

@@ -0,0 +1,79 @@
+import * as Cesium from "cesium";
+export interface HeatPoint {
+    /** 经度（度） */
+    lon: number;
+    /** 纬度（度） */
+    lat: number;
+    /** 强度值，用于控制热度（0~maxValue） */
+    value: number;
+}
+export interface HeatmapGradient {
+    /**
+     * 0~1 的比例到颜色字符串的映射，例如：
+     * { 0.0: "#0000ff", 0.5: "#ffff00", 1.0: "#ff0000" }
+     */
+    [stop: number]: string;
+}
+export interface HeatmapOptions {
+    /** Canvas 分辨率，越大越清晰但开销越大 */
+    width?: number;
+    height?: number;
+    /** 单个点的影响半径（像素） */
+    radius?: number;
+    /** 最小/最大值，用于归一化 value，如果不传则自动根据数据计算 */
+    minValue?: number;
+    maxValue?: number;
+    /** 全局不透明度 0~1 */
+    opacity?: number;
+    /** 颜色梯度 */
+    gradient?: HeatmapGradient;
+}
+/**
+ * Cesium 热力图图层封装
+ * - 使用离屏 Canvas 绘制热力图
+ * - 通过 SingleTileImageryProvider 叠加到地球上
+ */
+export default class CesiumHeatmapLayer {
+    private viewer;
+    private imageryLayer;
+    private rectangle;
+    private canvas;
+    private ctx;
+    private options;
+    private data;
+    private gradientLUT;
+    constructor(viewer: Cesium.Viewer, options?: HeatmapOptions);
+    /**
+     * 设置/替换热力图数据（度为单位）
+     */
+    setData(points: HeatPoint[]): void;
+    /**
+     * 更新调色板
+     */
+    setGradient(gradient: HeatmapGradient): void;
+    /**
+     * 设置透明度
+     */
+    setOpacity(opacity: number): void;
+    /**
+     * 显隐控制
+     */
+    setVisible(visible: boolean): void;
+    /**
+     * 销毁并移除图层
+     */
+    destroy(): void;
+    private clearLayer;
+    /**
+     * 构建颜色查找表（0-255 -> RGBA）
+     */
+    private buildGradientLUT;
+    /**
+     * 在离屏 canvas 上绘制热力图，并更新到 Cesium 图层
+     */
+    private renderHeatmap;
+    /**
+     * 将当前 canvas 映射为 Cesium 影像图层
+     */
+    private updateImageryLayer;
+}

package/dist/libs/CesiumMapDraw.d.ts

@@ -9,7 +9,6 @@ declare class DrawHelper {
     private viewer;
     private scene;
     private entities;
-    private frustumPrimitives;
     private drawMode;
     private isDrawing;
     private tempPositions;
@@ -20,6 +19,8 @@ declare class DrawHelper {
     private finishedPointEntities;
     private publicEntities;
     private _doubleClickPending;
+    private lastPreviewPosition;
+    private static activeDrawingHelper;
     private drawLine;
     private drawPolygon;
     private drawRectangle;
@@ -86,11 +87,6 @@ declare class DrawHelper {
      * 删除最后一个添加的点及其相关的临时实体
      */
     private removeLastPoint;
-    /**
-     * 重新创建剩余的点实体和绘制实体
-     * 用于右键删除点后的重建
-     */
-    private recreateRemainingEntities;
     /**
      * 更新预览线/面
      * @param currentMousePosition 当前鼠标位置世界坐标
@@ -114,6 +110,12 @@ declare class DrawHelper {
      * 公共方法：结束当前绘制（如果正在进行）
      */
     endDrawing(): void;
+    /**
+     * 公共方法：取消当前正在进行的绘制（不触发完成回调，不生成实体）
+     * 主要用于在外部开启新的绘制前，保证旧的未完成绘制被安全终止，
+     * 避免同时存在多个绘制事件处理器。
+     */
+    cancelDrawing(): void;
     /**
      * 销毁事件处理器
      */
@@ -142,15 +144,6 @@ declare class DrawHelper {
      * @returns 实体数组
      */
     getFinishedEntities(): Cesium.Entity[];
-    /**
-     * 使用 Canvas 绘制总长文本，生成用于 billboard 的图片
-     */
-    private createTotalLengthBillboardImage;
-    /**
-     * 使用 Canvas 绘制分段长度文本，生成用于 billboard 的图片
-     * 样式与总长保持一致，便于统一视觉
-     */
-    private createSegmentLengthBillboardImage;
     onMeasureComplete(callback: (result: {
         type: "line" | "polygon" | "rectangle" | "circle";
         positions: Cesium.Cartesian3[];

package/dist/libs/CesiumMapLoader.d.ts

@@ -40,6 +40,7 @@ interface InitOptions {
     terrainExaggeration?: number;
     maximumScreenSpaceError?: number;
     maximumNumberOfLoadedTiles?: number;
+    requestRenderMode?: boolean;
     token?: string;
     cesiumToken?: string;
     success?: () => void;
@@ -53,6 +54,8 @@ interface MapCenter {
     pitch?: number;
     heading?: number;
 }
+export declare const setCameraView: (viewer: CesiumViewer, center: MapCenter) => void;
+export declare const setCameraFlyTo: (viewer: CesiumViewer, center: MapCenter, options: InitOptions) => void;
 export declare function initCesium(containerId: string, options: InitOptions, mapCenterOrCesiumToken?: MapCenter | string, cesiumToken?: string): Promise<{
     viewer: CesiumViewer;
     initialCenter: MapCenter;

package/dist/libs/CesiumOverlayService.d.ts

@@ -8,6 +8,7 @@ import { MapPolyline, PolylineOptions } from './overlay/MapPolyline';
 import { MapPolygon, PolygonOptions } from './overlay/MapPolygon';
 import { MapRectangle, RectangleOptions } from './overlay/MapRectangle';
 import { MapCircle, CircleOptions } from './overlay/MapCircle';
+import { MapRing, RingOptions } from './overlay/MapRing';
 import { OverlayPosition } from './overlay/types';
 /**
  * Cesium 覆盖物服务类
@@ -27,6 +28,7 @@ export declare class CesiumOverlayService {
     readonly polygon: MapPolygon;
     readonly rectangle: MapRectangle;
     readonly circle: MapCircle;
+    readonly ring: MapRing;
     constructor(viewer: Viewer);
     /**
      * 初始化信息窗口容器
@@ -76,6 +78,10 @@ export declare class CesiumOverlayService {
      * 添加 Circle
      */
     addCircle(options: CircleOptions): Entity;
+    /**
+     * 添加 Ring
+     */
+    addRing(options: RingOptions): Entity;
     /**
      * 根据ID获取覆盖物
      */

package/dist/libs/drawHelper/BaseDraw.d.ts

@@ -15,10 +15,31 @@ export interface DrawResult {
  */
 export interface DrawCallbacks {
     onDrawStart?: () => void;
-    onDrawEnd?: (entity: Entity | null) => void;
+    onDrawEnd?: (entity: Entity | null, result: DrawResult) => void;
     onEntityRemoved?: (entity: Entity) => void;
     onMeasureComplete?: (result: DrawResult) => void;
 }
+/**
+ * 扩展后的绘制实体类型
+ * 用于在 Entity 上挂载绘图相关的元数据
+ */
+export type DrawEntity = Entity & {
+    _drawType?: "line" | "polygon" | "rectangle" | "circle";
+    _drawOptions?: DrawOptions;
+    _groundPositions?: Cartesian3[];
+    _groundPosition?: Cartesian3;
+    _groundRectangle?: Cesium.Rectangle;
+    _radius?: number;
+    _borderEntity?: Entity;
+    _onClick?: (entity: Entity, ...args: any[]) => void;
+    _isSelected?: boolean;
+    _originalStyle?: {
+        material?: any;
+        width?: any;
+        outlineColor?: any;
+        outlineWidth?: any;
+    };
+};
 /**
  * 绘制时可选的样式和事件回调
  */
@@ -58,16 +79,44 @@ export declare abstract class BaseDraw {
     protected finishedPointEntities: Cesium.Entity[];
     /** 当前绘制的选项（如果有） */
     protected drawOptions?: DrawOptions;
+    /**
+     * 公开只读访问当前临时数据，供调度器使用
+     */
+    getTempPositions(): Cartesian3[];
+    getTempEntities(): Entity[];
+    getTempLabelEntities(): Entity[];
+    getFinishedPointEntities(): Entity[];
+    /**
+     * 允许调度器安全地重建临时数据
+     */
+    setTempPositions(positions: Cartesian3[]): void;
+    setTempEntities(entities: Entity[]): void;
+    setTempLabelEntities(entities: Entity[]): void;
+    /**
+     * 供调度器调用的公开包装方法
+     */
+    addPointForHelper(position: Cartesian3): void;
+    clearTempEntitiesForHelper(): void;
+    /**
+     * 清除当前绘制过程中的临时点实体
+     * 仅删除带有 point 组件的临时实体，保留其它临时线/面实体
+     */
+    clearTempPointEntitiesForHelper(): void;
+    /**
+     * 删除最后一个点并根据剩余点重建预览实体
+     * 供调度器在右键删除点时调用，具体重建逻辑仍由各子类的 updateDrawingEntity 实现
+     */
+    removeLastPointAndRedraw(): void;
     /**
      * 将任意颜色输入解析为 Cesium.Color
      */
     protected resolveColor(input?: Cesium.Color | string): Cesium.Color;
     /**
-     * 应用选中样式（可切换）
+     * 应用/切换选中样式（统一逻辑，供调度器和子类共用）
      */
     protected applySelectedStyleToEntity(entity: Entity): void;
     /**
-     * 恢复原始样式
+     * 恢复原始样式（兼容旧接口，内部仍走统一逻辑）
      */
     protected restoreOriginalStyleForEntity(entity: Entity): void;
     abstract updateDrawingEntity(previewPoint?: Cesium.Cartesian3): void;
@@ -114,3 +163,8 @@ export declare abstract class BaseDraw {
      */
     protected clearTempEntities(): void;
 }
+/**
+ * 静态工具方法：切换实体的选中样式
+ * 用于避免在多个模块中重复实现相同逻辑
+ */
+export declare function toggleSelectedStyle(entity: DrawEntity): void;

package/dist/libs/drawHelper/DrawPolgon.d.ts

@@ -18,6 +18,10 @@ export declare class DrawPolygon extends BaseDraw {
      * 完成绘制
      */
     finishDrawing(): DrawResult | null;
+    /**
+     * 清理所有绘制相关的实体
+     */
+    clear(): void;
     /**
      * 获取绘制类型
      */

package/dist/libs/drawHelper/index.d.ts

@@ -1,4 +1,4 @@
-export { BaseDraw, type DrawResult, type DrawCallbacks, type DrawOptions } from './BaseDraw';
+export { BaseDraw, type DrawResult, type DrawCallbacks, type DrawOptions, type DrawEntity, toggleSelectedStyle } from './BaseDraw';
 export { DrawLine } from './DrawLine';
 export { DrawPolygon } from './DrawPolgon';
 export { DrawRectangle } from './DrawRectangle';

package/dist/libs/overlay/MapRing.d.ts

@@ -0,0 +1,95 @@
+import { Viewer, Entity, Color } from '../../../node_modules/cesium';
+import { OverlayPosition } from './types';
+/**
+ * Ring（边缘发光圆环）选项
+ */
+export interface RingOptions {
+    /** 中心点（经纬度/高度 或 Cartesian3） */
+    position: OverlayPosition;
+    /** 半径（米） */
+    radius: number;
+    /** 边缘发光颜色 */
+    color?: Color | string;
+    /** 是否绘制内层线（默认 true）。关闭可去掉“白色芯子” */
+    showInnerLine?: boolean;
+    /** 实线颜色 */
+    lineColor?: Color | string;
+    /** 内层线型：实线/虚线（默认 solid） */
+    lineStyle?: "solid" | "dashed";
+    /** 虚线材质方案：stripe(默认) / dash */
+    lineMaterialMode?: "stripe" | "dash";
+    /** stripe 模式：条纹重复次数（默认 32） */
+    stripeRepeat?: number;
+    /** 虚线长度（像素，默认 16） */
+    dashLength?: number;
+    /** 虚线模式（16bit pattern，可选） */
+    dashPattern?: number;
+    /** 虚线间隙颜色（默认透明） */
+    gapColor?: Color | string;
+    /** 线宽（像素） */
+    width?: number;
+    /** 外层发光线宽（像素）。优先于 width */
+    glowWidth?: number;
+    /** 内层实线线宽（像素）。不传则使用自动计算 */
+    lineWidth?: number;
+    /** 发光强度（0-1），越大越“亮/粗” */
+    glowPower?: number;
+    /** 是否贴地（默认 true） */
+    clampToGround?: boolean;
+    /** 圆环分段数（默认 128），越大越圆滑 */
+    segments?: number;
+    /** 覆盖物点击回调 */
+    onClick?: (entity: Entity) => void;
+    id?: string;
+}
+/**
+ * Ring 工具类：使用 polyline + PolylineGlowMaterialProperty 实现发光圆环
+ */
+export declare class MapRing {
+    private viewer;
+    private entities;
+    constructor(viewer: Viewer);
+    /**
+     * 转换位置为 Cartesian3
+     */
+    private convertPosition;
+    /**
+     * 转换颜色
+     */
+    private resolveColor;
+    private resolveLineMaterial;
+    private resolveGlowMaterial;
+    private getInnerWidth;
+    private addInnerEntity;
+    private removeInnerEntity;
+    private rebuildRingPositions;
+    /**
+     * 生成近似圆顶点（Cartesian3 数组）。segments 越大越平滑。
+     * 这里沿用 MapCircle 的大圆航线近似，保证在经纬度空间更稳定。
+     */
+    private generateCirclePositions;
+    /**
+     * 添加 Ring（边缘发光圆环）
+     */
+    add(options: RingOptions): Entity;
+    /**
+     * 更新 Ring 中心
+     */
+    updatePosition(entity: Entity, position: OverlayPosition): void;
+    /**
+     * 更新 Ring 半径
+     */
+    updateRadius(entity: Entity, radius: number): void;
+    /**
+     * 更新 Ring 样式
+     */
+    updateStyle(entity: Entity, options: Partial<Pick<RingOptions, "color" | "showInnerLine" | "lineColor" | "lineStyle" | "lineMaterialMode" | "stripeRepeat" | "dashLength" | "dashPattern" | "gapColor" | "width" | "glowWidth" | "lineWidth" | "glowPower" | "clampToGround" | "segments">>): void;
+    /**
+     * 显示/隐藏 Ring
+     */
+    setVisible(entity: Entity, visible: boolean): void;
+    /**
+     * 移除 Ring（通过实体或实体 id）
+     */
+    remove(entityOrId: Entity | string): boolean;
+}

package/dist/libs/overlay/index.d.ts

@@ -8,6 +8,7 @@ export { MapPolyline } from './MapPolyline';
 export { MapPolygon } from './MapPolygon';
 export { MapRectangle } from './MapRectangle';
 export { MapCircle } from './MapCircle';
+export { MapRing } from './MapRing';
 export type { OverlayPosition } from './types';
 export type { MarkerOptions } from './MapMarker';
 export type { LabelOptions } from './MapLabel';
@@ -18,3 +19,4 @@ export type { PolylineOptions } from './MapPolyline';
 export type { PolygonOptions } from './MapPolygon';
 export type { RectangleOptions } from './MapRectangle';
 export type { CircleOptions } from './MapCircle';
+export type { RingOptions } from './MapRing';

package/dist/libs/overlay/types.d.ts

@@ -1,5 +1,41 @@
-import { Cartesian3 } from '../../../node_modules/cesium';
+import { Cartesian3, Entity, Color, MaterialProperty, Rectangle, Cartographic } from '../../../node_modules/cesium';
 /**
  * 覆盖物位置类型
  */
 export type OverlayPosition = Cartesian3 | [number, number] | [number, number, number];
+/**
+ * 覆盖物扩展实体类型
+ * 用于在 Cesium.Entity 上挂载覆盖物相关的元数据
+ */
+export interface OverlayEntity extends Entity {
+    /** 覆盖物点击回调（由各 Map* 工具类设置） */
+    _onClick?: (entity: Entity) => void;
+    /** 覆盖物类型标识（用于 CesiumOverlayService 做差异化更新/删除） */
+    _overlayType?: string;
+    /** 信息窗口根 DOM（由 MapInfoWindow / CesiumOverlayService 使用） */
+    _infoWindow?: HTMLElement;
+    /** 复合图形的内层实体或边框实体等关联引用 */
+    _borderEntity?: Entity;
+    _innerEntity?: Entity;
+    /** 粗边框 / 环形等形状相关元数据 */
+    _isThickOutline?: boolean;
+    _outlineWidth?: number;
+    _isRing?: boolean;
+    _ringThickness?: number;
+    _ringSegments?: number;
+    _ringGlowPower?: number;
+    _ringLineColor?: Color | string;
+    _ringLineStyle?: 'solid' | 'dashed';
+    _ringLineMaterialMode?: 'stripe' | 'dash';
+    _ringStripeRepeat?: number;
+    _ringDashLength?: number;
+    _ringDashPattern?: number;
+    _ringGapColor?: Color | string;
+    _ringShowInnerLine?: boolean;
+    _fillMaterial?: MaterialProperty | Color | string;
+    _ringHeightEpsilon?: number;
+    _centerCartographic?: Cartographic;
+    _outerRadius?: number;
+    _innerRadius?: number;
+    _outerRectangle?: Rectangle;
+}

package/dist/libs/toolBar/MapLayersService.d.ts

@@ -27,6 +27,7 @@ export declare class MapLayersService {
      * 更新配置
      */
     updateConfig(config: Partial<MapLayersServiceConfig>): void;
+    adjustMenuPosition: (menu: HTMLElement) => void;
     /**
      * 切换图层菜单
      */

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xingm/vmap-cesium-toolbar",
-  "version": "0.0.2-alpha.6",
+  "version": "0.0.2-alpha.9",
   "description": "A powerful Cesium map toolbar plugin with drawing, measurement, and interaction features",
   "type": "module",
   "main": "index.js",

package/dist/z.const.d.ts

@@ -0,0 +1,24 @@
+export declare const defaultHeatmapData: ({
+    lon: string;
+    lat: string;
+    height: string;
+    appearTime: number;
+    lng?: undefined;
+} | {
+    lng: string;
+    lat: string;
+    height: string;
+    appearTime: number;
+    lon?: undefined;
+})[][];
+export declare const defaultHeatmapColors: {
+    0: string;
+    40: string;
+    60: string;
+    90: string;
+    110: string;
+};
+export declare const defaultHeatmapOpacity: {
+    0: number;
+    0.5: number;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xingm/vmap-cesium-toolbar",
-  "version": "0.0.2-alpha.7",
+  "version": "0.0.2-alpha.9",
   "description": "A powerful Cesium map toolbar plugin with drawing, measurement, and interaction features",
   "type": "module",
   "main": "dist/index.js",