@xingm/vmap-cesium-toolbar 0.0.1-alpha.6 → 0.0.1-alpha.7

package/dist/index.d.ts

@@ -1,14 +1,220 @@
-import { CesiumMapToolbar } from './libs/CesiumMapToolbar';
-import { default as DrawHelper } from './libs/CesiumMapHelper';
-import { initCesium } from './libs/CesiumMapLoader';
-export { CesiumMapToolbar } from './libs/CesiumMapToolbar';
-export { default as DrawHelper } from './libs/CesiumMapHelper';
-export { initCesium } from './libs/CesiumMapLoader';
-export type { OverlayOptions, ToolbarConfig, ButtonConfig, CustomButtonConfig, SearchCallback, SearchResult, MeasurementCallback, ZoomCallback, MapType, } from './libs/CesiumMapModel';
-declare const _default: {
-    CesiumMapToolbar: typeof CesiumMapToolbar;
-    DrawHelper: typeof DrawHelper;
-    initCesium: typeof initCesium;
-    initCesiumMap: typeof initCesium;
-};
-export default _default;
+// VMap Cesium Toolbar Plugin Type Definitions
+
+import type { Viewer, Cartesian3, Cartographic } from 'cesium';
+
+// 工具栏配置接口
+export interface ToolbarConfig {
+  position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+  buttonSize?: number;
+  buttonSpacing?: number;
+  backgroundColor?: string;
+  borderColor?: string;
+  borderRadius?: number;
+  borderWidth?: number;
+  boxShadow?: string;
+  zIndex?: number;
+}
+
+// 按钮配置接口
+export interface ButtonConfig {
+  id: string;
+  icon: string;
+  title: string;
+  size?: number;
+  color?: string;
+  hoverColor?: string;
+  activeColor?: string;
+}
+
+// 搜索回调接口
+export interface SearchCallback {
+  onSearch?: (query: string) => Promise<SearchResult[]>;
+  onSelect?: (result: SearchResult) => void;
+}
+
+// 搜索结果接口
+export interface SearchResult {
+  name: string;
+  address: string;
+  longitude: number;
+  latitude: number;
+  height?: number;
+}
+
+// 测量回调接口
+export interface MeasurementCallback {
+  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;
+}
+
+// 地图类型接口
+export interface MapType {
+  id: string;
+  name: string;
+  thumbnail: string;
+  provider: any; // Cesium.ImageryProvider
+}
+
+// 视锥体选项接口
+export interface FrustumOptions {
+  position?: Cartesian3;
+  orientation?: any; // Cesium.Quaternion
+  fov?: number;
+  aspectRatio?: number;
+  near?: number;
+  far?: number;
+  fillColor?: any; // Cesium.Color
+  outlineColor?: any; // Cesium.Color
+  onRightClick?: (position: Cartesian3) => void;
+}
+
+// 覆盖物选项接口
+export interface OverlayOptions {
+  position: Cartesian3;
+  type: 'point' | 'label' | 'billboard' | 'model' | 'cylinder';
+  text?: string;
+  image?: string;
+  model?: string;
+  color?: any; // Cesium.Color
+  scale?: number;
+  height?: number;
+  width?: number;
+  heightReference?: any; // Cesium.HeightReference
+}
+
+// 地图中心点接口
+export interface MapCenter {
+  latitude: number;
+  longitude: number;
+  height: number;
+  pitch?: number;
+  heading?: number;
+}
+
+// 初始化选项接口
+export interface InitOptions {
+  token?: string;
+  cesiumToken?: string;
+  terrain?: any; // Cesium.Terrain
+  terrainProvider?: any; // Cesium.TerrainProvider
+  mapType?: string;
+  imageryProvider?: any; // Cesium.UrlTemplateImageryProvider
+  imageryLayers?: any; // Cesium.ImageryLayerCollection
+  terrainShadows?: any; // Cesium.ShadowMode
+  contextOptions?: any; // Cesium.ContextOptions
+  scene3DOnly?: boolean;
+  isFlyTo?: boolean;
+  isFly?: boolean;
+  selectionIndicator?: boolean;
+  navigationHelpButton?: boolean;
+  fullscreenButton?: boolean;
+  geocoder?: boolean;
+  homeButton?: boolean;
+  infoBox?: boolean;
+  sceneModePicker?: boolean;
+  baseLayerPicker?: boolean;
+  timeline?: boolean;
+  animation?: boolean;
+  clock?: any; // Cesium.Clock
+  navigationInstructionsInitiallyVisible?: boolean;
+  sceneMode?: any; // Cesium.SceneMode
+  screenSpaceEventHandler?: any; // Cesium.ScreenSpaceEventHandler
+  useDefaultRenderLoop?: boolean;
+  targetFrameRate?: number;
+  showRenderLoopErrors?: boolean;
+  automaticallyTrackDataSourceClocks?: boolean;
+  dataSources?: any; // Cesium.DataSourceCollection
+  creationTime?: number;
+  useBrowserRecommendedResolution?: boolean;
+  resolutionScale?: number;
+  orderIndependentTransparency?: boolean;
+  shadows?: boolean;
+  terrainExaggeration?: number;
+  maximumScreenSpaceError?: number;
+  maximumNumberOfLoadedTiles?: number;
+}
+
+// 主要类声明
+export declare class CesiumMapToolbar {
+  constructor(
+    viewer: Viewer,
+    container: HTMLElement,
+    config?: ToolbarConfig,
+    callbacks?: {
+      search?: SearchCallback;
+      measurement?: MeasurementCallback;
+      zoom?: ZoomCallback;
+    },
+    initialCenter?: { longitude: number; latitude: number; height: number }
+  );
+  setMapTypes(mapTypes: MapType[]): void;
+  setTDToken(TD_Token: string): void;
+  setInitialCenter(center: { longitude: number; latitude: number; height: number }): void;
+  getInitialCenter(): { longitude: number; latitude: number; height: number } | undefined;
+  resetToInitialLocation(): void;
+  drawMonitoringCircle(
+    longitude: number,
+    latitude: number,
+    height: number,
+    radius: number,
+    options?: {
+      borderColor?: string;
+      fillColor?: string;
+      borderWidth?: number;
+      name?: string;
+    }
+  ): any; // Cesium.Entity
+  drawVerticalLine(
+    longitude: number,
+    latitude: number,
+    height: number,
+    options?: {
+      color?: string;
+      width?: number;
+      dashPattern?: number;
+      name?: string;
+      groundHeight?: number;
+    }
+  ): any; // Cesium.Entity
+  destroy(): void;
+}
+
+export declare class DrawHelper {
+  constructor(viewer: Viewer);
+  startDrawingLine(): void;
+  startDrawingPolygon(): void;
+  startDrawingRectangle(): void;
+  drawFrustum(options?: FrustumOptions): void;
+  endDrawing(): void;
+  clearAll(): void;
+  clearFrustum(): void;
+  removeEntity(entity: any): void; // Cesium.Entity
+  getFinishedEntities(): any[]; // Cesium.Entity[]
+  onDrawStart(callback: () => void): void;
+  onDrawEnd(callback: (entity: any) => void): void; // Cesium.Entity | null
+  onEntityRemoved(callback: (entity: any) => void): void; // Cesium.Entity
+  destroy(): void;
+}
+
+export declare function initCesium(
+  containerId: string,
+  options: InitOptions,
+  mapCenter?: MapCenter,
+  cesiumToken?: String
+): Promise<{ viewer: Viewer; initialCenter: MapCenter }>;
+
+// 默认导出
+declare const _default: {
+  CesiumMapToolbar: typeof CesiumMapToolbar;
+  DrawHelper: typeof DrawHelper;
+  initCesium: typeof initCesium;
+};
+
+export default _default;

package/dist/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@xingm/vmap-cesium-toolbar",
+  "version": "0.0.1-alpha.6",
+  "description": "A powerful Cesium map toolbar plugin with drawing, measurement, and interaction features",
+  "type": "module",
+  "main": "index.js",
+  "module": "index.js",
+  "types": "index.d.ts",
+  "files": [
+    "index.js",
+    "index.d.ts",
+    "style.css",
+    "README.md",
+    "geojson"
+  ],
+  "exports": {
+    ".": {
+      "import": "./index.js",
+      "types": "./index.d.ts"
+    },
+    "./style": "./style.css"
+  },
+  "peerDependencies": {
+    "vue": "^3.0.0"
+  },
+  "keywords": [
+    "cesium",
+    "map",
+    "toolbar",
+    "drawing",
+    "measurement",
+    "vue3",
+    "typescript"
+  ],
+  "author": "pengxueyou",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/your-username/vmap-cesium-toolbar.git"
+  },
+  "bugs": {
+    "url": "https://github.com/your-username/vmap-cesium-toolbar/issues"
+  },
+  "homepage": "https://github.com/your-username/vmap-cesium-toolbar#readme"
+}

package/dist/style.css

@@ -0,0 +1,162 @@
+/* VMap Cesium Toolbar Plugin Styles */
+
+/* 工具栏基础样式 */
+.cesium-map-toolbar {
+  position: absolute;
+  background: rgba(255, 255, 255, 0.95);
+  border: 1px solid #e0e0e0;
+  border-radius: 6px;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  padding: 8px;
+  z-index: 1000;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+/* 工具栏按钮样式 */
+.cesium-toolbar-button {
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(66, 133, 244, 0.4);
+  color: white;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: bold;
+  transition: all 0.2s ease;
+  user-select: none;
+  position: relative;
+}
+
+.cesium-toolbar-button:hover {
+  background: rgba(51, 103, 214, 0.9);
+  transform: scale(1.05);
+}
+
+/* 搜索容器样式 */
+.search-container {
+  position: absolute;
+  background: white;
+  border: 1px solid #e0e0e0;
+  border-radius: 4px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  padding: 8px;
+  min-width: 200px;
+  z-index: 1001;
+}
+
+.search-container input {
+  padding: 6px 8px;
+  border: 1px solid #ddd;
+  border-radius: 3px;
+  font-size: 14px;
+  outline: none;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.search-results {
+  margin-top: 8px;
+  max-height: 200px;
+  overflow-y: auto;
+}
+
+.search-results > div {
+  padding: 8px;
+  border-bottom: 1px solid #f0f0f0;
+  cursor: pointer;
+  transition: background-color 0.2s;
+}
+
+.search-results > div:hover {
+  background-color: #f5f5f5;
+}
+
+/* 测量菜单样式 */
+.measurement-menu,
+.layers-menu {
+  position: absolute;
+  background: white;
+  border: 1px solid #e0e0e0;
+  border-radius: 4px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  padding: 4px 0;
+  min-width: 120px;
+  z-index: 1001;
+}
+
+.layers-menu {
+  padding: 8px;
+  min-width: 200px;
+}
+
+.measurement-menu > div,
+.layers-menu > div {
+  padding: 8px 12px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  transition: background-color 0.2s;
+}
+
+.measurement-menu > div:hover,
+.layers-menu > div:hover {
+  background-color: #f5f5f5;
+}
+
+/* 图层菜单项样式 */
+.layers-menu .map-type-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px;
+  cursor: pointer;
+  border-radius: 3px;
+  transition: background-color 0.2s;
+}
+
+.layers-menu .map-type-item:hover {
+  background-color: #f5f5f5;
+}
+
+.layers-menu .map-type-item.selected {
+  background-color: #e3f2fd;
+}
+
+.layers-menu .map-type-thumbnail {
+  width: 20px;
+  height: 20px;
+  border-radius: 2px;
+}
+
+.layers-menu .map-type-checkmark {
+  color: #1976d2;
+  font-weight: bold;
+  margin-left: auto;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .cesium-map-toolbar {
+    padding: 6px;
+    gap: 6px;
+  }
+  
+  .cesium-toolbar-button {
+    width: 36px;
+    height: 36px;
+    font-size: 12px;
+  }
+  
+  .search-container,
+  .measurement-menu,
+  .layers-menu {
+    min-width: 180px;
+  }
+}

package/package.json

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