@xingm/vmap-cesium-toolbar 0.0.1 → 0.0.2-alpha.10

package/dist/libs/CesiumHeatmapLayer.d.ts

@@ -0,0 +1,109 @@
+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;
+}
+export interface HeatmapAutoUpdateOptions {
+    /** 是否启用随视角变化自动重绘（默认 true） */
+    enabled?: boolean;
+    /** 视域范围 padding（比例，默认 0.15） */
+    viewPaddingRatio?: number;
+    /** 聚合网格边长（米）。不传则根据相机高度自动估算 */
+    cellSizeMeters?: number;
+    /** 根据相机高度（米）动态返回网格边长（米）。优先级高于 cellSizeMeters */
+    cellSizeMetersByHeight?: (cameraHeightMeters: number) => number;
+}
+/**
+ * Cesium 热力图图层封装
+ * - 使用离屏 Canvas 绘制热力图
+ * - 通过 SingleTileImageryProvider 叠加到地球上
+ */
+export default class CesiumHeatmapLayer {
+    private viewer;
+    private imageryLayer;
+    private rectangle;
+    private canvas;
+    private ctx;
+    private options;
+    private data;
+    private gradientLUT;
+    private autoUpdateEnabled;
+    private autoUpdateOptions;
+    private removeMoveEndListener;
+    private aggregateWorker;
+    private workerReady;
+    private pendingUpdate;
+    private lastUpdateKey;
+    constructor(viewer: Cesium.Viewer, options?: HeatmapOptions);
+    /**
+     * 设置/替换热力图数据（度为单位）
+     */
+    setData(points: HeatPoint[]): void;
+    /**
+     * 更新调色板
+     */
+    setGradient(gradient: HeatmapGradient): void;
+    /**
+     * 设置透明度
+     */
+    setOpacity(opacity: number): void;
+    /**
+     * 显隐控制
+     */
+    setVisible(visible: boolean): void;
+    /**
+     * 销毁并移除图层
+     */
+    destroy(): void;
+    /**
+     * 启用/关闭基于视域与缩放的自动聚合重绘（方格聚合 + moveEnd + WebWorker）。
+     * - 启用后：热力图仅渲染当前视域范围内的聚合结果，缩放/平移后自动更新。
+     * - 关闭后：回退为 setData() 时按全量范围绘制一张 SingleTile。
+     */
+    setAutoUpdate(options?: HeatmapAutoUpdateOptions): void;
+    stopAutoUpdate(): void;
+    private clearLayer;
+    private startAutoUpdateInternal;
+    private requestAutoUpdate;
+    private getPaddedViewRectangleDegrees;
+    private ensureWorker;
+    private pushDataToWorker;
+    /**
+     * 构建颜色查找表（0-255 -> RGBA）
+     */
+    private buildGradientLUT;
+    /**
+     * 在离屏 canvas 上绘制热力图，并更新到 Cesium 图层
+     */
+    private renderHeatmap;
+    /**
+     * 将当前 canvas 映射为 Cesium 影像图层
+     */
+    private updateImageryLayer;
+}
+export { CesiumHeatmapLayer };

package/dist/libs/{CesiumMapHelper.d.ts → CesiumMapDraw.d.ts}

@@ -1,3 +1,4 @@
+import { DrawOptions } from './drawHelper';
 import * as Cesium from "cesium";
 /**
  * Cesium 绘图辅助工具类
@@ -8,7 +9,6 @@ declare class DrawHelper {
     private viewer;
     private scene;
     private entities;
-    private frustumPrimitives;
     private drawMode;
     private isDrawing;
     private tempPositions;
@@ -19,19 +19,30 @@ declare class DrawHelper {
     private finishedPointEntities;
     private publicEntities;
     private _doubleClickPending;
-    private currentLineEntity;
-    private currentSegmentLabels;
-    private currentTotalLabel;
+    private lastPreviewPosition;
+    private static activeDrawingHelper;
+    private drawLine;
+    private drawPolygon;
+    private drawRectangle;
+    private drawCircle;
+    private currentDrawer;
     private screenSpaceEventHandler;
+    private entityClickHandler;
     private onDrawStartCallback;
     private onDrawEndCallback;
     private onEntityRemovedCallback;
+    private onMeasureCompleteCallback;
     private offsetHeight;
+    private originalDepthTestAgainstTerrain;
     /**
      * 构造函数
      * @param viewer Cesium Viewer 实例
      */
     constructor(viewer: Cesium.Viewer);
+    /**
+     * 外部调用：在场景模式（2D/3D）切换后，更新偏移高度并重算已完成实体
+     */
+    handleSceneModeChanged(): void;
     /**
      * 根据场景模式更新偏移高度
      */
@@ -39,15 +50,19 @@ declare class DrawHelper {
     /**
      * 开始绘制线条
      */
-    startDrawingLine(): void;
+    startDrawingLine(options?: DrawOptions): void;
     /**
      * 开始绘制多边形（仅边线）
      */
-    startDrawingPolygon(): void;
+    startDrawingPolygon(options?: DrawOptions): void;
     /**
      * 开始绘制矩形
      */
-    startDrawingRectangle(): void;
+    startDrawingRectangle(options?: DrawOptions): void;
+    /**
+     * 开始绘制圆形
+     */
+    startDrawingCircle(options?: DrawOptions): void;
     /**
      * 内部统一的开始绘制方法
      * @param mode 绘制模式
@@ -72,11 +87,6 @@ declare class DrawHelper {
      * 删除最后一个添加的点及其相关的临时实体
      */
     private removeLastPoint;
-    /**
-     * 重新创建剩余的点实体和绘制实体
-     * 用于右键删除点后的重建
-     */
-    private recreateRemainingEntities;
     /**
      * 更新预览线/面
      * @param currentMousePosition 当前鼠标位置世界坐标
@@ -100,6 +110,12 @@ declare class DrawHelper {
      * 公共方法：结束当前绘制（如果正在进行）
      */
     endDrawing(): void;
+    /**
+     * 公共方法：取消当前正在进行的绘制（不触发完成回调，不生成实体）
+     * 主要用于在外部开启新的绘制前，保证旧的未完成绘制被安全终止，
+     * 避免同时存在多个绘制事件处理器。
+     */
+    cancelDrawing(): void;
     /**
      * 销毁事件处理器
      */
@@ -128,17 +144,12 @@ declare class DrawHelper {
      * @returns 实体数组
      */
     getFinishedEntities(): Cesium.Entity[];
-    private calculateRectangle;
-    private calculateRectangleArea;
-    private calculatePolygonArea;
-    private calculatePolygonCenter;
-    /**
-     * 格式化距离显示
-     * 超过1000m时转换为km，保留两位小数
-     * @param distance 距离（米）
-     * @returns 格式化后的距离字符串
-     */
-    private formatDistance;
+    onMeasureComplete(callback: (result: {
+        type: "line" | "polygon" | "rectangle" | "circle";
+        positions: Cesium.Cartesian3[];
+        distance?: number;
+        areaKm2?: number;
+    }) => void): void;
     /**
      * 设置开始绘制时的回调函数
      * @param callback 回调函数
@@ -154,34 +165,6 @@ declare class DrawHelper {
      * @param callback 回调函数，参数为被移除的实体
      */
     onEntityRemoved(callback: (entity: Cesium.Entity) => void): void;
-    /**
-     * 绘制监控圆形区域
-     * @param longitude 经度
-     * @param latitude 纬度
-     * @param height 高度
-     * @param radius 监控范围半径（米）
-     * @param options 可选配置
-     */
-    drawMonitoringCircle(longitude: number, latitude: number, height: number, radius: number, options?: {
-        borderColor?: string;
-        fillColor?: string;
-        borderWidth?: number;
-        name?: string;
-    }): Cesium.Entity;
-    /**
-     * 绘制垂直线条
-     * @param longitude 经度
-     * @param latitude 纬度
-     * @param height 高度
-     * @param options 可选配置
-     */
-    drawVerticalLine(longitude: number, latitude: number, height: number, options?: {
-        color?: string;
-        width?: number;
-        dashPattern?: number;
-        name?: string;
-        groundHeight?: number;
-    }): Cesium.Entity;
     /**
      * 更新所有已完成实体以适应场景模式变化
      * 当从2D切换到3D或从3D切换到2D时，需要更新实体的高度参考和位置

package/dist/libs/CesiumMapLoader.d.ts

@@ -1,4 +1,4 @@
-import { Terrain, TerrainProvider, Viewer as CesiumViewer } from '../../node_modules/cesium';
+import { Viewer as CesiumViewer, Terrain, TerrainProvider } from '../../node_modules/cesium';
 import * as Cesium from 'cesium';
 interface InitOptions {
     terrain?: Terrain;
@@ -20,6 +20,7 @@ interface InitOptions {
     timeline?: boolean;
     animation?: boolean;
     isFly?: boolean;
+    flyDuration?: number;
     baseLayerPicker?: boolean;
     navigationInstructionsInitiallyVisible?: boolean;
     clock?: Cesium.Clock;
@@ -35,10 +36,16 @@ interface InitOptions {
     resolutionScale?: number;
     orderIndependentTransparency?: boolean;
     shadows?: boolean;
+    depthTestAgainstTerrain?: boolean;
     terrainExaggeration?: number;
     maximumScreenSpaceError?: number;
     maximumNumberOfLoadedTiles?: number;
+    requestRenderMode?: boolean;
     token?: string;
+    cesiumToken?: string;
+    success?: () => void;
+    cancel?: () => void;
+    mapCenter?: MapCenter;
 }
 interface MapCenter {
     latitude: number;
@@ -47,7 +54,9 @@ interface MapCenter {
     pitch?: number;
     heading?: number;
 }
-export declare function initCesium(containerId: string, options: InitOptions, mapCenter?: MapCenter): Promise<{
+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/CesiumMapModel.d.ts

@@ -13,6 +13,7 @@ export interface ToolbarConfig {
     buttons?: CustomButtonConfig[];
 }
 export interface ButtonConfig {
+    sort?: number;
     id: string;
     icon: string;
     title: string;
@@ -42,6 +43,7 @@ export interface CustomButtonConfig {
     hoverColor?: string;
     activeColor?: string;
     backgroundColor?: string;
+    sort?: number;
     activeIcon?: string | HTMLElement | false;
     callback?: () => void;
     onClick?: (buttonId: string, buttonElement: HTMLElement) => void;
@@ -60,13 +62,14 @@ export interface SearchResult {
     height?: number;
 }
 export interface MeasurementCallback {
+    onMeasurementStart?: (positions?: Cartesian3[]) => void;
     onDistanceComplete?: (positions: Cartesian3[], distance: number) => void;
     onAreaComplete?: (positions: Cartesian3[], area: number) => void;
     onClear?: () => void;
 }
 export interface ZoomCallback {
-    onZoomIn?: (beforeLevel: number, afterLevel: number) => void;
-    onZoomOut?: (beforeLevel: number, afterLevel: number) => void;
+    onZoomIn?: (beforeHeight: number, afterHeight: number, currentLevel: number) => void;
+    onZoomOut?: (beforeHeight: number, afterHeight: number, currentLevel: number) => void;
 }
 export interface MapType {
     id: string;

package/dist/libs/CesiumMapToolbar.d.ts

@@ -10,17 +10,22 @@ export declare class CesiumMapToolbar {
     private container;
     private toolbarElement;
     private config;
-    private searchCallback?;
+    private searchService;
+    private mapLayersService;
+    private notFlyZonesService;
     private measurementCallback?;
     private zoomCallback?;
     private initialCenter?;
-    private isFullscreen;
     private currentMapType;
     TD_Token: string;
     mapTypes: MapType[];
-    private noFlyZoneEntities;
-    private isNoFlyZoneVisible;
+    private isNoFlyZoneChecked;
     private currentGeoWTFS;
+    private measurementService;
+    readonly measurement: {
+        getMeasureMode: () => "none" | "distance" | "area";
+    };
+    private mapController;
     constructor(viewer: Viewer, container: HTMLElement, config?: ToolbarConfig, callbacks?: {
         search?: SearchCallback;
         measurement?: MeasurementCallback;
@@ -58,37 +63,31 @@ export declare class CesiumMapToolbar {
     updateButtonConfig(buttonId: string, config: Partial<CustomButtonConfig>): void;
     /**
      * 添加自定义按钮
+     * @param config 按钮配置，支持 sort 参数控制插入位置
      */
     addCustomButton(config: CustomButtonConfig): void;
     /**
-     * 移除按钮
-     */
-    removeButton(buttonId: string): void;
-    /**
-     * 获取按钮元素
+     * 获取所有按钮配置（包括默认按钮和自定义按钮），并添加 sort 值
      */
-    getButtonElement(buttonId: string): HTMLElement | null;
+    private getAllButtonsWithSort;
     /**
-     * 设置绘图助手回调
+     * 重新构建工具栏按钮
      */
-    private setupDrawHelperCallbacks;
+    private rebuildToolbarButtons;
     /**
-     * 格式化距离显示
-     * 超过1000m时转换为km，保留两位小数
-     * @param distance 距离（米）
-     * @returns 格式化后的距离字符串
+     * 移除按钮
      */
-    private formatDistance;
+    removeButton(buttonId: string): void;
     /**
-     * 计算多边形面积
+     * 获取按钮元素
      */
-    private calculatePolygonArea;
+    private setupDrawHelperCallbacks;
     /**
      * 创建工具栏
      */
     private createToolbar;
     /**
-     * 获取按钮配置
+     * 获取按钮配置（已排序）
      */
     private getButtonConfigs;
     /**
@@ -127,18 +126,6 @@ export declare class CesiumMapToolbar {
      * 处理按钮点击
      */
     private handleButtonClick;
-    /**
-     * 切换搜索功能
-     */
-    private toggleSearch;
-    /**
-     * 显示搜索结果
-     */
-    private displaySearchResults;
-    /**
-     * 选择搜索结果
-     */
-    private selectSearchResult;
     /**
      * 切换测量功能
      */
@@ -151,28 +138,10 @@ export declare class CesiumMapToolbar {
      * 切换2D/3D视图
      */
     private toggle2D3D;
-    /**
-     * 切换图层
-     */
-    private toggleLayers;
-    /**
-     * 切换地图类型
-     */
-    private switchMapType;
     /**
      * 复位到初始位置
      */
     private resetLocation;
-    /**
-     * 获取当前地图层级
-     * @returns 当前层级（1-18）
-     */
-    private getCurrentZoomLevel;
-    /**
-     * 设置地图层级
-     * @param zoomLevel 目标层级（1-18）
-     */
-    private setZoomLevel;
     /**
      * 放大
      */
@@ -181,39 +150,26 @@ export declare class CesiumMapToolbar {
      * 缩小
      */
     private zoomOut;
-    /**
-     * 切换全屏
-     */
-    private toggleFullscreen;
-    /**
-     * 进入全屏
-     */
-    private enterFullscreen;
-    /**
-     * 退出全屏
-     */
-    private exitFullscreen;
     /**
      * 加载并显示机场禁飞区
+     * @deprecated 使用 NotFlyZonesService.showNoFlyZones 代替
      */
     showNoFlyZones(): Promise<void>;
     /**
      * 隐藏机场禁飞区
+     * @deprecated 使用 NotFlyZonesService.hideNoFlyZones 代替
      */
     hideNoFlyZones(): void;
     /**
      * 切换机场禁飞区显示状态
+     * @deprecated 使用 NotFlyZonesService.toggleNoFlyZones 代替
      */
     toggleNoFlyZones(): Promise<void>;
     /**
      * 获取禁飞区显示状态
+     * @deprecated 使用 NotFlyZonesService.getNoFlyZoneVisible 代替
      */
     getNoFlyZoneVisible(): boolean;
-    /**
-     * 自动加载禁飞区（如果默认勾选）
-     * 在创建 toolbar 后自动调用
-     */
-    private autoLoadNoFlyZones;
     /**
      * 销毁工具栏
      */

package/dist/libs/CesiumOverlayService.d.ts

@@ -0,0 +1,117 @@
+import { Viewer, Entity } from '../../node_modules/cesium';
+import { MapMarker, MarkerOptions } from './overlay/MapMarker';
+import { MapLabel, LabelOptions } from './overlay/MapLabel';
+import { MapIcon, IconOptions } from './overlay/MapIcon';
+import { MapSVG, SvgOptions } from './overlay/MapSVG';
+import { MapInfoWindow, InfoWindowOptions } from './overlay/MapInfoWindow';
+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 覆盖物服务类
+ * 统一管理各种覆盖物工具类
+ */
+export declare class CesiumOverlayService {
+    private viewer;
+    private entities;
+    private overlayMap;
+    private infoWindowContainer;
+    readonly marker: MapMarker;
+    readonly label: MapLabel;
+    readonly icon: MapIcon;
+    readonly svg: MapSVG;
+    readonly infoWindow: MapInfoWindow;
+    readonly polyline: MapPolyline;
+    readonly polygon: MapPolygon;
+    readonly rectangle: MapRectangle;
+    readonly circle: MapCircle;
+    readonly ring: MapRing;
+    constructor(viewer: Viewer);
+    /**
+     * 初始化信息窗口容器
+     */
+    private initInfoWindowContainer;
+    /**
+     * 设置实体点击处理器
+     */
+    private setupEntityClickHandler;
+    /**
+     * 生成唯一ID
+     */
+    private generateId;
+    /**
+     * 添加 Marker
+     */
+    addMarker(options: MarkerOptions): Entity;
+    /**
+     * 添加 Label
+     */
+    addLabel(options: LabelOptions): Entity;
+    /**
+     * 添加 Icon
+     */
+    addIcon(options: IconOptions): Entity;
+    /**
+     * 添加 SVG
+     */
+    addSvg(options: SvgOptions): Entity;
+    /**
+     * 添加 InfoWindow
+     */
+    addInfoWindow(options: InfoWindowOptions): Entity;
+    /**
+     * 添加 Polyline
+     */
+    addPolyline(options: PolylineOptions): Entity;
+    /**
+     * 添加 Polygon
+     */
+    addPolygon(options: PolygonOptions): Entity;
+    /**
+     * 添加 Rectangle
+     */
+    addRectangle(options: RectangleOptions): Entity;
+    /**
+     * 添加 Circle
+     */
+    addCircle(options: CircleOptions): Entity;
+    /**
+     * 添加 Ring
+     */
+    addRing(options: RingOptions): Entity;
+    /**
+     * 根据ID获取覆盖物
+     */
+    getOverlay(id: string): Entity | undefined;
+    /**
+     * 根据ID删除覆盖物
+     */
+    removeOverlay(id: string): boolean;
+    /**
+     * 删除所有覆盖物
+     */
+    removeAllOverlays(): void;
+    /**
+     * 更新覆盖物位置
+     */
+    updateOverlayPosition(id: string, position: OverlayPosition): boolean;
+    /**
+     * 显示/隐藏覆盖物
+     */
+    setOverlayVisible(id: string, visible: boolean): boolean;
+    /**
+     * 获取所有覆盖物ID
+     */
+    getAllOverlayIds(): string[];
+    /**
+     * 获取所有覆盖物
+     */
+    getAllOverlays(): Entity[];
+    /**
+     * 销毁服务，清理所有资源
+     */
+    destroy(): void;
+}

package/dist/libs/{CesiumMapConfig.d.ts → config/CesiumMapConfig.d.ts}

@@ -1,6 +1,6 @@
-import { Viewer } from '../../node_modules/cesium';
-import { default as DrawHelper } from './CesiumMapHelper';
-import { MapType, ToolbarConfig, SearchCallback, MeasurementCallback, ZoomCallback } from './CesiumMapModel';
+import { Viewer } from '../../../node_modules/cesium';
+import { default as DrawHelper } from '../CesiumMapDraw';
+import { MapType, ToolbarConfig, SearchCallback, MeasurementCallback, ZoomCallback } from '../CesiumMapModel';
 export interface CesiumMapConfig {
     viewer?: Viewer;
     drawHelper?: DrawHelper;