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

package/dist/hooks/toolBarConfig.d.ts

@@ -1,5 +1,7 @@
 import { SearchResult } from '../libs/CesiumMapModel';
-export declare const useToolBarConfig: (message: any) => {
+import { Viewer } from '../../node_modules/cesium';
+import { Ref } from 'vue';
+export declare const useToolBarConfig: (viewer: Viewer | undefined, message: Ref<string>) => {
     toolbarConfig: {
         position: string;
         buttonSize: number;
@@ -56,13 +58,14 @@ export declare const useToolBarConfig: (message: any) => {
             onSelect: (result: SearchResult) => void;
         };
         measurement: {
+            onMeasurementStart: (positions?: any) => void;
             onDistanceComplete: (positions: any, distance: any) => void;
             onAreaComplete: (positions: any, area: any) => void;
             onClear: () => void;
         };
         zoom: {
-            onZoomIn: (beforeLevel: any, afterLevel: any) => void;
-            onZoomOut: (beforeLevel: any, afterLevel: any) => void;
+            onZoomIn: (beforeLevel: any, afterLevel: any, currentLevel: any) => void;
+            onZoomOut: (beforeLevel: any, afterLevel: any, currentLevel: any) => void;
         };
     };
 };

package/dist/hooks/useDrawHelper.d.ts

@@ -0,0 +1,63 @@
+import { Ref } from 'vue';
+import { default as DrawHelper } from '../libs/CesiumMapDraw';
+import * as Cesium from "cesium";
+/**
+ * 绘制相关的辅助逻辑
+ * - 提供线、矩形、圆形、多边形的绘制示例方法
+ */
+export declare function useDrawHelper(viewer: Ref<Cesium.Viewer | undefined>, message: Ref<string>): {
+    drawHelper: Ref<{
+        handleSceneModeChanged: () => void;
+        startDrawingLine: (options?: import('../libs/drawHelper').DrawOptions) => void;
+        startDrawingPolygon: (options?: import('../libs/drawHelper').DrawOptions) => void;
+        startDrawingRectangle: (options?: import('../libs/drawHelper').DrawOptions) => void;
+        startDrawingCircle: (options?: import('../libs/drawHelper').DrawOptions) => void;
+        endDrawing: () => void;
+        clearAll: () => void;
+        clearAllEntities: () => void;
+        clearAllPoints: () => void;
+        removeEntity: (entity: Cesium.Entity) => void;
+        getFinishedEntities: () => Cesium.Entity[];
+        onMeasureComplete: (callback: (result: {
+            type: "line" | "polygon" | "rectangle" | "circle";
+            positions: Cesium.Cartesian3[];
+            distance?: number;
+            areaKm2?: number;
+        }) => void) => void;
+        onDrawStart: (callback: () => void) => void;
+        onDrawEnd: (callback: (entity: Cesium.Entity | null) => void) => void;
+        onEntityRemoved: (callback: (entity: Cesium.Entity) => void) => void;
+        destroy: () => void;
+    } | null, DrawHelper | {
+        handleSceneModeChanged: () => void;
+        startDrawingLine: (options?: import('../libs/drawHelper').DrawOptions) => void;
+        startDrawingPolygon: (options?: import('../libs/drawHelper').DrawOptions) => void;
+        startDrawingRectangle: (options?: import('../libs/drawHelper').DrawOptions) => void;
+        startDrawingCircle: (options?: import('../libs/drawHelper').DrawOptions) => void;
+        endDrawing: () => void;
+        clearAll: () => void;
+        clearAllEntities: () => void;
+        clearAllPoints: () => void;
+        removeEntity: (entity: Cesium.Entity) => void;
+        getFinishedEntities: () => Cesium.Entity[];
+        onMeasureComplete: (callback: (result: {
+            type: "line" | "polygon" | "rectangle" | "circle";
+            positions: Cesium.Cartesian3[];
+            distance?: number;
+            areaKm2?: number;
+        }) => void) => void;
+        onDrawStart: (callback: () => void) => void;
+        onDrawEnd: (callback: (entity: Cesium.Entity | null) => void) => void;
+        onEntityRemoved: (callback: (entity: Cesium.Entity) => void) => void;
+        destroy: () => void;
+    } | null>;
+    isDrawing: Ref<boolean, boolean>;
+    currentDrawMode: Ref<string | null, string | null>;
+    initDrawHelper: () => void;
+    endDrawing: () => void;
+    addDrawLine: () => void;
+    addDrawArea: () => void;
+    addDrawCircle: () => void;
+    addDrawPolygon: () => void;
+    destroyDrawHelper: () => void;
+};

package/dist/hooks/useOverlayHelper.d.ts

@@ -0,0 +1,173 @@
+import { Ref } from 'vue';
+import { Entity } from '../../node_modules/cesium';
+import { CesiumOverlayService } from '../libs/overlay';
+import * as Cesium from "cesium";
+/**
+ * 覆盖物相关的辅助逻辑
+ * - 提供添加点位（Marker）与示例覆盖物的便捷方法
+ * - 管理点位模式的事件处理及清理
+ */
+export declare function useOverlayHelper(viewer: Ref<Cesium.Viewer | undefined>, message: Ref<string>): {
+    overlayService: Ref<{
+        readonly marker: {
+            add: (options: import('../libs/overlay').MarkerOptions) => Entity;
+            updatePosition: (entity: Entity, position: import('../libs/overlay').OverlayPosition) => void;
+            updateStyle: (entity: Entity, options: Partial<Pick<import('../libs/overlay').MarkerOptions, "color" | "outlineColor" | "outlineWidth" | "pixelSize">>) => void;
+        };
+        readonly label: {
+            add: (options: import('../libs/overlay').LabelOptions) => Entity;
+            updatePosition: (entity: Entity, position: import('../libs/overlay').OverlayPosition) => void;
+            updateText: (entity: Entity, text: string) => void;
+            updateStyle: (entity: Entity, options: Partial<Pick<import('../libs/overlay').LabelOptions, "fillColor" | "outlineColor" | "outlineWidth" | "font" | "scale">>) => void;
+        };
+        readonly icon: {
+            add: (options: import('../libs/overlay').IconOptions) => Entity;
+            updatePosition: (entity: Entity, position: import('../libs/overlay').OverlayPosition) => void;
+            updateImage: (entity: Entity, image: string) => void;
+            updateStyle: (entity: Entity, options: Partial<Pick<import('../libs/overlay').IconOptions, "scale" | "rotation" | "color">>) => void;
+        };
+        readonly svg: {
+            add: (options: import('../libs/overlay').SvgOptions) => Entity;
+            updatePosition: (entity: Entity, position: import('../libs/overlay').OverlayPosition) => void;
+            updateSvg: (entity: Entity, svg: string) => void;
+            updateStyle: (entity: Entity, options: Partial<Pick<import('../libs/overlay').SvgOptions, "scale" | "rotation" | "color">>) => void;
+        };
+        readonly infoWindow: {
+            bringToFront: (entity: Entity) => void;
+            add: (options: import('../libs/overlay').InfoWindowOptions) => Entity;
+            updatePosition: (entity: Entity, position: import('../libs/overlay').OverlayPosition) => void;
+            updateContent: (entity: Entity, content: string | HTMLElement) => void;
+            setVisible: (entity: Entity, visible: boolean) => void;
+            show: (entity: Entity) => void;
+            hide: (entity: Entity) => void;
+            remove: (entity: Entity) => void;
+            destroy: () => void;
+        };
+        readonly polyline: {
+            add: (options: import('../libs/overlay').PolylineOptions) => Entity;
+            updatePositions: (entity: Entity, positions: import('../libs/overlay').OverlayPosition[]) => void;
+            updateStyle: (entity: Entity, options: Partial<Pick<import('../libs/overlay').PolylineOptions, "width" | "material">>) => void;
+        };
+        readonly polygon: {
+            add: (options: import('../libs/overlay').PolygonOptions) => Entity;
+            updatePositions: (entity: Entity, positions: import('../libs/overlay').OverlayPosition[]) => void;
+            updateStyle: (entity: Entity, options: Partial<Pick<import('../libs/overlay').PolygonOptions, "material" | "outline" | "outlineColor" | "outlineWidth">>) => void;
+        };
+        readonly rectangle: {
+            add: (options: import('../libs/overlay').RectangleOptions) => Entity;
+            updateCoordinates: (entity: Entity, coordinates: Cesium.Rectangle) => void;
+            updateStyle: (entity: Entity, options: Partial<Pick<import('../libs/overlay').RectangleOptions, "material" | "outline" | "outlineColor" | "outlineWidth">>) => void;
+        };
+        readonly circle: {
+            add: (options: import('../libs/overlay').CircleOptions) => Entity;
+            updatePosition: (entity: Entity, position: import('../libs/overlay').OverlayPosition) => void;
+            updateRadius: (entity: Entity, radius: number) => void;
+            updateStyle: (entity: Entity, options: Partial<Pick<import('../libs/overlay').CircleOptions, "material" | "outline" | "outlineColor" | "outlineWidth">>) => void;
+        };
+        addMarker: (options: import('../libs/overlay').MarkerOptions) => Entity;
+        addLabel: (options: import('../libs/overlay').LabelOptions) => Entity;
+        addIcon: (options: import('../libs/overlay').IconOptions) => Entity;
+        addSvg: (options: import('../libs/overlay').SvgOptions) => Entity;
+        addInfoWindow: (options: import('../libs/overlay').InfoWindowOptions) => Entity;
+        addPolyline: (options: import('../libs/overlay').PolylineOptions) => Entity;
+        addPolygon: (options: import('../libs/overlay').PolygonOptions) => Entity;
+        addRectangle: (options: import('../libs/overlay').RectangleOptions) => Entity;
+        addCircle: (options: import('../libs/overlay').CircleOptions) => Entity;
+        getOverlay: (id: string) => Entity | undefined;
+        removeOverlay: (id: string) => boolean;
+        removeAllOverlays: () => void;
+        updateOverlayPosition: (id: string, position: import('../libs/overlay').OverlayPosition) => boolean;
+        setOverlayVisible: (id: string, visible: boolean) => boolean;
+        getAllOverlayIds: () => string[];
+        getAllOverlays: () => Entity[];
+        destroy: () => void;
+    } | null, CesiumOverlayService | {
+        readonly marker: {
+            add: (options: import('../libs/overlay').MarkerOptions) => Entity;
+            updatePosition: (entity: Entity, position: import('../libs/overlay').OverlayPosition) => void;
+            updateStyle: (entity: Entity, options: Partial<Pick<import('../libs/overlay').MarkerOptions, "color" | "outlineColor" | "outlineWidth" | "pixelSize">>) => void;
+        };
+        readonly label: {
+            add: (options: import('../libs/overlay').LabelOptions) => Entity;
+            updatePosition: (entity: Entity, position: import('../libs/overlay').OverlayPosition) => void;
+            updateText: (entity: Entity, text: string) => void;
+            updateStyle: (entity: Entity, options: Partial<Pick<import('../libs/overlay').LabelOptions, "fillColor" | "outlineColor" | "outlineWidth" | "font" | "scale">>) => void;
+        };
+        readonly icon: {
+            add: (options: import('../libs/overlay').IconOptions) => Entity;
+            updatePosition: (entity: Entity, position: import('../libs/overlay').OverlayPosition) => void;
+            updateImage: (entity: Entity, image: string) => void;
+            updateStyle: (entity: Entity, options: Partial<Pick<import('../libs/overlay').IconOptions, "scale" | "rotation" | "color">>) => void;
+        };
+        readonly svg: {
+            add: (options: import('../libs/overlay').SvgOptions) => Entity;
+            updatePosition: (entity: Entity, position: import('../libs/overlay').OverlayPosition) => void;
+            updateSvg: (entity: Entity, svg: string) => void;
+            updateStyle: (entity: Entity, options: Partial<Pick<import('../libs/overlay').SvgOptions, "scale" | "rotation" | "color">>) => void;
+        };
+        readonly infoWindow: {
+            bringToFront: (entity: Entity) => void;
+            add: (options: import('../libs/overlay').InfoWindowOptions) => Entity;
+            updatePosition: (entity: Entity, position: import('../libs/overlay').OverlayPosition) => void;
+            updateContent: (entity: Entity, content: string | HTMLElement) => void;
+            setVisible: (entity: Entity, visible: boolean) => void;
+            show: (entity: Entity) => void;
+            hide: (entity: Entity) => void;
+            remove: (entity: Entity) => void;
+            destroy: () => void;
+        };
+        readonly polyline: {
+            add: (options: import('../libs/overlay').PolylineOptions) => Entity;
+            updatePositions: (entity: Entity, positions: import('../libs/overlay').OverlayPosition[]) => void;
+            updateStyle: (entity: Entity, options: Partial<Pick<import('../libs/overlay').PolylineOptions, "width" | "material">>) => void;
+        };
+        readonly polygon: {
+            add: (options: import('../libs/overlay').PolygonOptions) => Entity;
+            updatePositions: (entity: Entity, positions: import('../libs/overlay').OverlayPosition[]) => void;
+            updateStyle: (entity: Entity, options: Partial<Pick<import('../libs/overlay').PolygonOptions, "material" | "outline" | "outlineColor" | "outlineWidth">>) => void;
+        };
+        readonly rectangle: {
+            add: (options: import('../libs/overlay').RectangleOptions) => Entity;
+            updateCoordinates: (entity: Entity, coordinates: Cesium.Rectangle) => void;
+            updateStyle: (entity: Entity, options: Partial<Pick<import('../libs/overlay').RectangleOptions, "material" | "outline" | "outlineColor" | "outlineWidth">>) => void;
+        };
+        readonly circle: {
+            add: (options: import('../libs/overlay').CircleOptions) => Entity;
+            updatePosition: (entity: Entity, position: import('../libs/overlay').OverlayPosition) => void;
+            updateRadius: (entity: Entity, radius: number) => void;
+            updateStyle: (entity: Entity, options: Partial<Pick<import('../libs/overlay').CircleOptions, "material" | "outline" | "outlineColor" | "outlineWidth">>) => void;
+        };
+        addMarker: (options: import('../libs/overlay').MarkerOptions) => Entity;
+        addLabel: (options: import('../libs/overlay').LabelOptions) => Entity;
+        addIcon: (options: import('../libs/overlay').IconOptions) => Entity;
+        addSvg: (options: import('../libs/overlay').SvgOptions) => Entity;
+        addInfoWindow: (options: import('../libs/overlay').InfoWindowOptions) => Entity;
+        addPolyline: (options: import('../libs/overlay').PolylineOptions) => Entity;
+        addPolygon: (options: import('../libs/overlay').PolygonOptions) => Entity;
+        addRectangle: (options: import('../libs/overlay').RectangleOptions) => Entity;
+        addCircle: (options: import('../libs/overlay').CircleOptions) => Entity;
+        getOverlay: (id: string) => Entity | undefined;
+        removeOverlay: (id: string) => boolean;
+        removeAllOverlays: () => void;
+        updateOverlayPosition: (id: string, position: import('../libs/overlay').OverlayPosition) => boolean;
+        setOverlayVisible: (id: string, visible: boolean) => boolean;
+        getAllOverlayIds: () => string[];
+        getAllOverlays: () => Entity[];
+        destroy: () => void;
+    } | null>;
+    initOverlayService: () => void;
+    addMarker: () => void;
+    addMarkerWithLabel: () => void;
+    addLabel: (options: any) => void;
+    addIcon: () => void;
+    addSvg: () => void;
+    addPolyline: () => void;
+    addLine: () => void;
+    addArea: () => void;
+    addCircle: () => void;
+    addPolygon: () => void;
+    addRectangle: () => void;
+    addInfoWindow: () => void;
+    cancelMarkerMode: () => void;
+    destroyOverlayService: () => void;
+};

package/dist/index.d.ts

@@ -43,6 +43,7 @@ export interface SearchResult {
 
 // 测量回调接口
 export interface MeasurementCallback {
+  onMeasurementStart?: (positions?: Cartesian3[]) => void;
   onDistanceComplete?: (positions: Cartesian3[], distance: number) => void;
   onAreaComplete?: (positions: Cartesian3[], area: number) => void;
   onClear?: () => void;
@@ -101,6 +102,7 @@ export interface MapCenter {
 // 初始化选项接口
 export interface InitOptions {
   token?: string;
+  cesiumToken?: string;
   terrain?: any; // Cesium.Terrain
   terrainProvider?: any; // Cesium.TerrainProvider
   mapType?: string;
@@ -109,6 +111,8 @@ export interface InitOptions {
   terrainShadows?: any; // Cesium.ShadowMode
   contextOptions?: any; // Cesium.ContextOptions
   scene3DOnly?: boolean;
+  isFlyTo?: boolean;
+  isFly?: boolean;
   selectionIndicator?: boolean;
   navigationHelpButton?: boolean;
   fullscreenButton?: boolean;
@@ -203,7 +207,8 @@ export declare class DrawHelper {
 export declare function initCesium(
   containerId: string,
   options: InitOptions,
-  mapCenter?: MapCenter
+  mapCenterOrCesiumToken?: MapCenter | string,
+  cesiumToken?: String
 ): Promise<{ viewer: Viewer; initialCenter: MapCenter }>;
 
 // 默认导出